Javascript 未在knockout.js中刷新集合项

我在更新集合中的元素时遇到问题

当我的表单有一个集合并且同一个字段绑定到“输入框”时，输入框的“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>

---

您可以在上试用，您的型号的

名称和
价格需要可观察

所以不是你的：

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

下面是一个工作示例：