javascript - 在 ko.applyBindings 中排除 html 元素

Question

这是问题的简化版本：

<div id="model-one-container" data-bind="css: {foo: someModelOneProperty}">
    <div id="model-two-container" data-bind="text: someModelTwoProperty"></div>
    <div data-bind="text: anotherModelOneProperty"></div>
</div>

.

ko.applyBindings(viewModelOne, document.getElementById("model-one-container"));
ko.applyBindings(viewModelTwo, document.getElementById("model-two-container"));

如果我这样做，淘汰赛会抱怨 viewModelOne 中没有“someModelTwoProperty”，所以我需要从第一个 applyBindings 中排除#model-two-container div。
有没有办法在不改变视图模型的情况下做到这一点？

Answer 1

这是答案。

自淘汰赛 2.0 以来，有一个 controlsDescendantBindings 标志，您可以使用它来创建自定义绑定，然后阻止 KO 绑定到元素或其任何子元素。