更新observableArray不更新UI

Question

我在ko 2.0中使用无容器流量控制。当我更新我的observableArray中的项目时，它不会更新UI。我正在更新数组是这样的：

this.editFormHost = function (formHost) { 
    ... 
    formHost.HostName = newHostName; 
    this.formHosts[index] = formHost; 
} 

我想它不会更新，因为索引更新阵列不KO叫什么。从看the documentation看起来好像没有方法可以更新一个对象，这个对象又会更新UI。或者在那里？

Answer 1

这是一个小提琴，演示如何替换observableArray中的项目并使其更改通知UI。这里

http://jsfiddle.net/johnpapa/ckMJE/

的关键是对observableArray替换功能。你也可以使用拼接。

...注意使用“替换”下面......

var ViewModel = function() { 
    this.self = this; 
    self.index = ko.observable(0); // default 
    self.newColor = ko.observable("purple"); // default 
    self.colors = ko.observableArray([{ 
     color: 'red'}, 
    { 
     color: 'blue'}, 
    { 
     color: 'yellow'}]); 
    self.replaceIt = function() { 
     self.colors.replace(self.colors()[self.index()], { 
      color: self.newColor() 
     }); 
    }; 
}; 
ko.applyBindings(new ViewModel());