javascript - 将 textarea 的值绑定设置为 observableArray 的元素

Question

我有一堆文本框，它们应该保存 observableArray 中多个单独元素的值。文本框的数量取决于用户在之前的屏幕上选择了多少“属性”，并且可以在以后随意添加和删除属性。目前，我从一个空数组开始，并尝试将文本框的值绑定设置为数组中的新键：

<input type="text" class="tdEdit" data-bind="value: listing.properties[property_id]"/>

清单是一个已var properties = ko.observableArray([])在其中定义的对象。我的目标是让属性数组看起来像{"property1": "3", "property2": "4"}等。不过，目前，属性数组始终保持为空。

希望这有某种意义。

Answer 1

使用properties()[property_id]代替properties[property_id]

data-bind="value: listing.properties()[property_id]"  

我认为listing.properties应该是一个ko.observable而不是ko.observableArray

JSFiddle 演示