javascript - knockout foreach 不会显示任何内容

Question

我是 knockout 的新手，当我想使用 foreach 时，我只得到 1 个空行，而我的数组中有 2 个对象？

这是我的 HTML 代码

    <tbody data-bind="foreach: lijst">
    <tr>
        <td><input type="text" data-bind="value: naam"/></td>
        <td><input type="number" data-bind="value: aantal"/></td>
    </tr>
    </tbody>

function Product(naam, aantal) {
    var self = this;
    self.naam = naam;
    self.aantal = aantal;
}

function komaan() {
    var self = this;
    self.lijst = ko.observableArray([
        new Product("Flesje Tonic", 6),
        new Product("Gin", 6)
    ]);
}

ko.applyBindings(new komaan());

Answer 1

很可能是你的 knockout js 库加载不正确。

这是在线示例，您的代码按预期工作 http://jsfiddle.net/wyeegtaL/1/

function Product(naam, aantal) {
    var self = this;
    self.naam = naam;
    self.aantal = aantal;
}

function komaan() {
    var self = this;
    self.lijst = ko.observableArray([
        new Product("Flesje Tonic", 6),
        new Product("Gin", 6)
    ]);
}

ko.applyBindings(new komaan());