如何将输入绑定到 observableArray 中的可观察对象？

Question

我有一个对象（它是可观察的）并且它有键，每个键都是可观察的。其中一个键是一个包含其他可观察对象的数组。

我希望能够使用 HTML 输入字段修改这些值。我想到要做的是简单地遍历可观察数组，并对输入进行 value/textInput 绑定以修改它们。

但是，在修改文本输入时 - 原始值不会改变！难道我做错了什么？为什么绑定值没有按我预期的方式更新？

我已将我正在做的事情分解为更通用的版本：http://jsfiddle.net/veqr2q6q/

<div class='liveExample'>   
    <div class="line-container" data-bind="foreach: {data: text, as: 'line'}">
        <input type="text" data-bind="textInput: line" /><br />
    </div>
    <h2>Hello,</h2>
    <ul data-bind='foreach: {data: text, as: "line"}'>
        <li data-bind="text: line"></li>
    </ul>
</div>

// Here's my data model
var ViewModel = function(first, last) {
    this.text = ko.observableArray([
        ko.observable(first),
        ko.observable(last)
    ])
};

ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work

Answer 1

我认为在这种情况下你想使用$rawData。我在这里更新了你的小提琴。

http://jsfiddle.net/veqr2q6q/2/

<div class='liveExample'>   
    <div class="line-container" data-bind="foreach: text">
        <input type="text" data-bind="textInput: $rawData" /><br />
    </div>
    <h2>Hello,</h2>
    <ul data-bind='foreach: {data: text, as: "line"}'>
        <li data-bind="text: line"></li>
    </ul>
</div>

如Knockout JS docs中所引用的

通常 [$rawData] 将与 $data 相同，但如果提供给 Knockout 的视图模型包装在可观察对象中，$data 将是未包装的视图模型，$rawData 将是可观察对象自己。