我有一个可观察的数组,里面有一些对象。此对象的一个属性是可观察元素数组(字符串格式的日期)。这是一个可重复的小例子:
this.groups = ko.observableArray([{
name: ko.observable("name"),
deadlines: [
ko.observable("2010-02-08"),
ko.observable("2013-06-18"),
ko.observable("2015-01-23"),
]
}]);
我用以下格式代表他们:
<tbody data-bind="foreach: groups">
<tr>
<td>
<input type="text" placeholder="name" data-bind="value: name"><br><br><br>
<span data-bind="text: name"></span>
</td>
<!-- ko foreach: deadlines -->
<td>
<input type="date" data-bind="value: $data"><br><br><br>
<span data-bind="text: $data"></span>
</td>
<!-- /ko -->
</tr>
</tbody>
问题在于,当我更新其中一个日期时,它们不会更新。这是JSfiddle example:正如您在2010-02-08更新时看到的那样,基础文本保持不变。
一开始我认为它与绑定中的日期有关,但在尝试this后,我发现事实并非如此。知道出了什么问题吗?
答案 0 :(得分:6)
绑定到$rawData
。
<!-- ko foreach: deadlines -->
<td>
<input type="date" data-bind="value: $rawData"><br><br><br>
<span data-bind="text: $data"></span>
</td>
<!-- /ko -->
数组的项总是被解包,所以你有效地绑定了observable的值,而不是observable本身。 $rawData
变量使您可以访问未解包的项目。