收集項目沒有刷新knockout.js

Question

我有更新集合中的元素的問題。

當我的表單有一個集合並且相同的字段綁定到「輸入框」並且「span」輸入框的修改不會傳播到span元素時。

我的形式如下：

<tbody data-bind='foreach: gifts'> 
    <tr> 
     <td> 
      <input class='required' data-bind='value: name, uniqueName: true' /> 
      <span data-bind='text: name' >&nbsp;</span> 
     </td> 
    </tr> 
</tbody> 

，你可以嘗試在jsFiddle

Answer 1

你的模型name和price需要被觀測。

所以不是你的：

var viewModel = new GiftModel([ 
    { name: "Tall Hat", price: "39.95"}, 
    { name: "Long Cloak", price: "120.00"} 
]); 

這樣做：

var viewModel = new GiftModel([ 
    new Item("Tall Hat", "39.95"), 
    new Item("Long Cloak", "120.00") ]); 

其中的項目如下：

var Item = function(pName, pPrice) { 
    var self = this; 
    self.name = ko.observable(pName); 
    self.price = ko.observable(pPrice); 
}; 

這裏有一個工作示例：http://jsfiddle.net/D2agq/