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に置き換える機能です。スプライスも使用できます。

は...あなたのviewmodelを見て、あなたがやろうとしているか理解せずに手助けするために、次の「置き換え」...

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());