Home/ Questions/Q 8740263
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T11:06:02+00:00

Here is a simplified version of the problem: <div id=model-one-container data-bind=css: {foo: someModelOneProperty}> <div

  • 0

Here is a simplified version of the problem:

<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"));

If I do that, knockout will complain that there isn’t a “someModelTwoProperty” in viewModelOne, so I need to exclude the #model-two-container div from the first applyBindings.
Is there any way to do this without altering the view-models?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here’s the answer.

    Since knockout 2.0 there is a controlsDescendantBindings flag which you can use to create a custom binding that then stops KO from binding on an element or any of its children.

    • 0