Wyklucz elementy DOM z nokautu stosuje się do wiązania?

Question

Chcę kierowanie nokaut ViewModel do pewnej części dom jako sposób:

ko.applyBindings(MyViewModel,$('#Target')[0]); 

Jednak nie chce on mieć zastosowanie do wszystkich Doms poniżej. Powodem tego jest to, że cały obiekt SPA nie działa zbyt dobrze - nie może nadążyć za gigantycznym modelem, który wynika z włączenia każdej potencjalnej interakcji do jednego gigantycznego obiektu. W związku z tym strona składa się z wielu częściowych widoków. Chcę, aby każdy cząstkowy tworzył swój własny ViewModel i zapewniał interfejs do interakcji z rodzicem.

Niektóre próbki dom

<div id="Target"> 
    <!--Everything here should be included except--> 
    <div data-bind="DoNotBindBelowThis:true"> 
      <!--Everything here should NOT be included by the first binding, 
       I will specifically fill in the binding with targetted 
       ApplyBind eg. ko.applyBindings(MyOtherViewModel, $('#MyOtherTarget')[0]) 
       to fill the gaps--> 
      <div id="MyOtherTarget"> 
      </div> 
    </div> 
</div> 

Ponownie jak mogę wykluczyć całe drzewo DOM poniżej div oznaczony z DoNotBindBelowThis od applyBindings?

Answer 1

Spójrz na blogu tutaj: http://www.knockmeout.net/2012/05/quick-tip-skip-binding.html

Zasadniczo można tworzyć niestandardowe wiążąca jak:

ko.bindingHandlers.DoNotBindBelowThis = { 
    init: function() { 
     return { controlsDescendantBindings: true }; 
    } 
};