javascript - 如何使用ko.observableArray？

Question

我编写了简单的示例来了解 ko.observableArray 的工作原理。

**HTML**:
Count is : <span data-bind="text anotherObservableArray().length"> </span>

JS:
var anotherObservableArray = ko.observableArray( [
{ name: "A", type: "A" },
{ name: "B", type: "B" },
{ name: "C", type: "C" }
]);

ko.applyBindings(anotherObservableArray);

这是我尝试实现的示例的链接

http://jsfiddle.net/Rama_Kishore/ZPDBv/

我期待“Count is:3”输出，但它的输出是“Count is:”

请告诉我为什么计数未显示。

谢谢。

Answer 1

这是你的 fiddle 的工作叉:

http://jsfiddle.net/myjkk/2/

请注意 text binding 语法包含冒号:

<span data-bind="text: anotherObservableArray().length"></span>

请注意 JavaScript 中如何使用 ko.applyBindings。请参阅 knockout 文档用于激活 knockout :http://knockoutjs.com/documentation/observables.html

var vm = {
    anotherObservableArray: ko.observableArray([{
        name: "A",
        type: "A"
    }, {
        name: "B",
        type: "B"
    }, {
        name: "C",
        type: "C"
    }])
};

ko.applyBindings(vm);

还值得注意的是，在您最初的 fiddle 中，您没有包含knockoutjs库。