How to stop knockout.js bindings evaluating on child elements

Question

Using knockout, when you call ko.applyBinding(viewModel, \"divId\") it does a recursive binding down through the children of the element you bound to (\"divId\"

Answer 1

One way I have done this is to create a section for the navigation (or just a ) and bind the navVM to it. Then create another section for the content and bind the contentVM to it. That way there is no conflict and its all very separated.

Then do ko.applyBinding(navVM, "navSection") and ko.applyBinding(contentVM, "contentSection")