Javascript 剔除嵌套视图模型

我有一个viewmodel设置，如下所示：

<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>

var vm=新vm（）；
应用绑定（vm，$（“#stuff”）.get（0））；
var i_need_this_vm=新i_n_t（）；
ko.applyBindings（我需要这个虚拟机，$（“，我需要这个”）.get（0））；

我有一个绑定到“stuff”的父div的viewmodel，但我希望I_need_this viewmodel绑定到I_need_this div。当我应用此绑定时，尽管我遇到了一个错误“未捕获错误：无法解析绑定”。 消息：ReferenceError:enabled未定义；“这与我的viewmodels的排列方式有关吗？如果是，有办法解决吗

---

谢谢

不幸的是，您不能像这样将父元素和子元素绑定到不同的ViewModel。有关可能的解决方法，请参阅此链接

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