Czy możesz wywołać ko.applyBindings, aby powiązać częściowy widok?

Korzystam z KnockoutJS i mam widok główny i model widoku. Chcę, aby okno dialogowe (interfejs jQuery) wyskakowało wraz z innym widokiem, z którym ma zostać powiązany oddzielny model widoku potomnego.

HTML dla zawartości okna dialogowego jest pobierany za pomocą AJAX, więc chcę móc zadzwonić ko.applyBindingspo zakończeniu żądania i chcę powiązać model widoku potomnego tylko z częścią HTML załadowaną za pośrednictwem ajax wewnątrz div okna dialogowego.

Czy to rzeczywiście możliwe, czy muszę ładować WSZYSTKIE moje widoki i modele widoków, gdy strona początkowo ładuje się, a następnie wywołuje ko.applyBindingsraz?

ko.applyBindings akceptuje drugi parametr, który jest elementem DOM do użycia jako root.

To pozwoli ci zrobić coś takiego:

<div id="one">
  <input data-bind="value: name" />
</div>

<div id="two">
  <input data-bind="value: name" />
</div>

<script type="text/javascript">
  var viewModelA = {
     name: ko.observable("Bob")
  };

  var viewModelB = {
     name: ko.observable("Ted")
  };

  ko.applyBindings(viewModelA, document.getElementById("one"));
  ko.applyBindings(viewModelB, document.getElementById("two"));
</script>

Tak więc możesz użyć tej techniki, aby powiązać model viewModel z treścią dynamiczną ładowaną do okna dialogowego. Ogólnie rzecz biorąc, po prostu chcesz uważać, aby nie wywoływać applyBindingswiele razy w tych samych elementach, ponieważ otrzymasz wiele procedur obsługi zdarzeń.

Chociaż odpowiedź Niemeyera jest bardziej poprawna odpowiedź na pytanie, to mogłoby również wykonać następujące czynności:

<div>
  <input data-bind="value: VMA.name" />
</div>

<div>
  <input data-bind="value: VMB.name" />
</div>

<script type="text/javascript">
  var viewModels = {
     VMA: {name: ko.observable("Bob")},
     VMB: {name: ko.observable("Ted")}
  };

  ko.applyBindings(viewModels);
</script>

Oznacza to, że nie musisz określać elementu DOM i możesz nawet powiązać wiele modeli z tym samym elementem, jak poniżej:

<div>
  <input data-bind="value: VMA.name() + ' and ' + VMB.name()" />
</div>

Udało mi się powiązać niestandardowy model z elementem w czasie wykonywania. Kod jest tutaj: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

Interesujące jest to, że stosuję atrybut wiązania danych do elementu, którego nie zdefiniowałem:

    var handle = slider.slider().find(".ui-slider-handle").first();
    $(handle).attr("data-bind", "tooltip: viewModel.value");
    ko.applyBindings(viewModel.value, $(handle)[0]);

Powinieneś spojrzeć na withpowiązanie, a także controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html