如何使用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);

下面是我要实现的示例的链接

Kishore/ZPDBv/

我期待着"Count is: 3“输出，相反，输出是"Count is:”

请告诉我为什么不显示伯爵。

谢谢。

Answer 1

ko.observableArray应该是model对象的一部分。

例如。

var viewModel = new function()
{
   this.anotherObservableArray = ko.observableArray(...);
}  

或

var viewModel = {
   anotherObservableArray : ko.observableArray(...);
}  

应用绑定

ko.applyBindings(viewModel);  

JSFiddle演示

你可以在这里找到很好的淘汰赛网上教程

Answer 2

这是你的小提琴的一把叉子：

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

注意文本绑定语法是如何包含冒号的：

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

请在javascript中注意如何使用ko.applyBindings。请参阅激活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);

同样值得注意的是，在您最初的小提琴中，您做了而不是，包括了knockoutjs库。

Answer 3

以下几个问题：

• 你没有把Knockout作为一个图书馆放在js小提琴里
• 您没有提供包装可观察数组的vm对象
• 你的装订中有个错误

小提琴：链接

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