Puoi chiamare ko.applyBindings per associare una vista parziale?

Sto usando KnockoutJS e ho una vista principale e un modello di vista. Voglio che una finestra di dialogo (quella dell'interfaccia utente jQuery) venga visualizzata con un'altra vista a cui deve essere associato un modello di vista figlio separato.

L'HTML per il contenuto della finestra di dialogo viene recuperato utilizzando AJAX, quindi desidero essere in grado di chiamare ko.applyBindingsuna volta completata la richiesta e desidero associare il modello di visualizzazione figlio solo alla parte dell'HTML caricata tramite Ajax all'interno della finestra di dialogo div.

È effettivamente possibile o devo caricare TUTTE le mie visualizzazioni e visualizzare i modelli quando la pagina viene caricata inizialmente e quindi chiamare ko.applyBindingsuna volta?

ko.applyBindings accetta un secondo parametro che è un elemento DOM da utilizzare come root.

Questo ti permetterebbe di fare qualcosa del tipo:

<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>

Quindi, puoi usare questa tecnica per associare un viewModel al contenuto dinamico che carichi nella tua finestra di dialogo. Nel complesso, devi solo fare attenzione a non chiamare applyBindingspiù volte sugli stessi elementi, poiché avrai più gestori di eventi collegati.

Mentre la risposta di Niemeyer è una risposta più corretta alla domanda, si potrebbe anche procedere come segue:

<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>

Ciò significa che non devi specificare l'elemento DOM e puoi anche associare più modelli allo stesso elemento, in questo modo:

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

Sono riuscito a associare un modello personalizzato a un elemento in fase di esecuzione. Il codice è qui: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

Il punto interessante è che applico l'attributo data-bind a un elemento che non ho definito:

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

Dovresti guardare l' withassociazione, così come controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html