更新KnockoutJS associative observableArray值

Question

這應該很簡單。

我有一個名稱和布爾值的關聯可觀測數組。

this.items = ko.observableArray([ 
    { name: "name1", boolVal: true }, 
    { name: "name2", boolVal: true }, 
]); 

然後一個簡單的函數來改變boolVal。

this.changeValue = function (item) { 
    item.boolVal = false; 
}; 

當我打電話給ChangeValue功能，boolVal確實發生了改變（見的console.log（數據）在我的jsfiddle），但認爲不會更新。屏幕上的值保持「真」。我必須對KnockoutJS的工作方式做出不正確的假設。

JS Fiddle Link

Answer 1

爲了給KO更新UI，你需要有可觀察的性質：

this.items = ko.observableArray([ 
    { name: "name1", boolVal: ko.observable(true) }, 
    { name: "name2", boolVal: ko.observable(true) }, 
]); 

並與設置：

this.changeValue = function (item) { 
    item.boolVal(false); 
}; 

的ko.observableArray只跟蹤項目的添加和刪除。所以它不會通知用戶界面，如果其中一個項目改變。爲此，您需要在項目上有ko.observable。

演示JSFiddle.