![](/img/trans.png)
[英]knockout.js remove doesn't work with nested viewmodel and viewmodel in main viewmodel
[英]Knockout.js nested viewmodel doesn't work
我是ko的新人,但找不到解决我问题的方法。 我尝试将我的可绑定属性组织到视图模型层次结构中。 根据文档,在我看来以下方法应该有效,但事实并非如此。 你有什么提示吗?
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>
您的HTML无效。 您不能嵌套<p>
元素。 因此,浏览器会自动将结束标记生成为<p data-bind="with: nested"></p>
。
用例如<div>
替换外包装,以使HTML有效并使脚本正常工作。
另外,它必须是valueUpdate: 'afterkeydown'
(添加引号),否则敲除将查找可观察到的名为“ afterkeydown”的内容。
这是一个有效的演示: http : //jsfiddle.net/JwWCc/1/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.