javascript - Knockout.js 嵌套 View 模型不起作用

Question

我是 ko 的新手，但找不到解决我问题的方法。我尝试将我的可绑定(bind)属性组织到 View 模型层次结构中。根据文档，在我看来，以下内容应该有效，但事实并非如此。你有什么提示吗？

function AppViewModel() {
    this.nested = new NestedViewModel();
}

function NestedViewModel() {
    this.firstName = ko.observable();
     this.lastName = "Bertington";
}

ko.applyBindings(new AppViewModel());

并在这里使用:

<p data-bind="with: nested">

<p>First name: <input type="text" data-bind="value: firstName, valueUpdate: afterkeydown"></input></p>
<p>Last name: <strong data-bind="text: firstName"></strong></p>

</p>

Answer 1

您的 HTML 无效。你不能嵌套 <p>元素。因此浏览器自动生成结束标记为 <p data-bind="with: nested"></p> .

用例如一个<div>使 HTML 有效并使脚本正常工作。

此外，它需要是 valueUpdate: 'afterkeydown' (添加引号)，否则 knockout 会查找名为“afterkeydown”的可观察对象。

这是一个工作演示:http://jsfiddle.net/JwWCc/1/