javascript - 注释中的 knockout.js foreach 绑定(bind)未按预期工作

Question

我在这里创建了一个 JSFiddle 解决我的问题 http://jsfiddle.net/benjishults/PMeJh/1/ .

HTML:

<div data-bind="with: jobBeingViewed">
    <table>
        <thead>
            <tr>
                <th data-bind="text: 'Days offset from ' + runtime"></th>
                <th>-7</th>
                <th>-6</th>
                <th>-5</th>
                <th>-4</th>
                <th>-3</th>
                <th>-2</th>
                <th>-1</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td data-bind="text: 'Actuals Availability'"></td>
                <!-- ko.foreach: actuals -->
                <td data-bind="text: $data"></td>
                <!-- /ko -->
            </tr>
        </tbody>
    </table>
</div>

JavaScript:

function VM() {
    function Job() {
        this.runtime="2014-03-07";
        this.actuals = ko.observableArray([1,1,1,1,1,1,1]);
    }

    this.jobBeingViewed = ko.observable(new Job());

}

ko.applyBindings(new VM());

在页面上，第二行只有两列，看起来像这样:

Actuals Availability        [object Object]

我希望它看起来像这样:

Actuals Availability        1       1        1        1        1        1        1

我做错了什么？

我试过添加括号。我尝试通过 $root.jobBeingViewed.actuals 引用实际值。都没有用。

Answer 1

你的错误是 ko.foreach 中的错误点

<!-- ko.foreach: actuals -->

应该是

<!-- ko foreach: actuals -->

工作示例:http://jsfiddle.net/PMeJh/2/