Actualizando un array observable no actualiza UI

Question

Estoy usando el control de flujo sin contenedor en ko 2.0. Cuando actualizo un elemento en mi observableArray, no actualizo la interfaz de usuario. Estoy actualizando la matriz de esta manera:

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

Pienso que no actualiza debido a la actualización de la matriz por el índice no pone nada en ko. De mirar the documentation parece que no hay métodos para actualizar un objeto que a su vez actualizará la interfaz de usuario. ¿O está ahí?

Answer 1

Aquí hay un violín que muestra cómo reemplazar un elemento en un array observable y hacer que sus cambios notifiquen a la interfaz de usuario.

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

La clave aquí es la función de reemplazar en el observableArray. También podría usar empalme.

... Observe el uso de "reemplazar" a continuación ...

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