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

這是您的小提琴的工作叉：

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

注意文本綁定語法如何包含冒號：

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

請注意在javascript中如何使用ko.applyBindings 。 請參閱淘汰賽文檔，了解激活淘汰賽： 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);

另外值得注意的是n個原來的小提琴，你沒有包括knockoutjs庫。

Answer 2

幾個問題：

• 您沒有在JS小提琴中將Knockout包含為庫
• 您未提供包裝可觀察數組的vm對象
• 裝訂中有錯字

小提琴： 鏈接

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

Answer 3

ko.observableArray應該是model對象的一部分。
例如

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

要么

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

應用綁定

ko.applyBindings(viewModel);  

JSFiddle演示

您可以在此處在線找到非常好的淘汰賽