淘汰嵌套视图模型答案

【问题标题】：Knockout nested viewmodel淘汰嵌套视图模型
【发布时间】：2013-07-08 17:29:54
【问题描述】：

我的视图模型设置如下：

<div id='stuff'>

<div id='i_need_this'>
<input type='checkbox' data-bind="checked: enabled" />
</div>

</div>

<script>
var vm = new vm();
ko.applyBindings(vm, $("#stuff").get(0));
var i_need_this_vm = new i_n_t();
ko.applyBindings(i_need_this_vm, $("#i_need_this").get(0));
</script>

我有一个视图模型绑定到“stuff”的父 div，但我希望 i_need_this 视图模型绑定到 i_need_this div。当我应用此绑定时，虽然我收到一个错误“未捕获的错误：无法解析绑定。消息：ReferenceError：未定义启用；“这与我的视图模型的排列方式有关吗？如果是，有没有办法解决它？

谢谢！

【问题讨论】：

有什么理由不能将一个视图模型作为依赖项放在另一个视图模型中吗？我已经将视图模型结构化了几层，以解决您遇到的问题。

标签： javascript jquery html mvvm knockout.js

【解决方案1】：

不幸的是，您不能像这样将父元素和子元素绑定到不同的视图模型。有关可能的解决方法，请参阅此链接。 http://www.knockmeout.net/2012/05/quick-tip-skip-binding.html

【讨论】：