Pouvez-vous appeler ko.applyBindings pour lier une vue partielle?

J'utilise KnockoutJS et j'ai une vue principale et un modèle de vue. Je veux qu'une boîte de dialogue (celle de jQuery UI) s'affiche avec une autre vue à laquelle un modèle de vue enfant distinct doit être lié.

Le code HTML du contenu de la boîte de dialogue est récupéré à l'aide d'AJAX, je veux donc pouvoir appeler ko.applyBindingsune fois la demande terminée et je veux lier le modèle de vue enfant à la partie du code HTML chargée via ajax dans la boîte de dialogue div.

Est-ce réellement possible ou dois-je charger TOUTES mes vues et modèles de vues lors du chargement initial de la page, puis appeler ko.applyBindingsune fois?

ko.applyBindings accepte un deuxième paramètre qui est un élément DOM à utiliser comme racine.

Cela vous permettrait de faire quelque chose comme:

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

Ainsi, vous pouvez utiliser cette technique pour lier un viewModel au contenu dynamique que vous chargez dans votre boîte de dialogue. Dans l'ensemble, vous voulez juste faire attention à ne pas appeler applyBindingsplusieurs fois sur les mêmes éléments, car vous aurez plusieurs gestionnaires d'événements attachés.

Bien que la réponse de Niemeyer soit une réponse plus correcte à la question, vous pouvez également faire ce qui suit:

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

Cela signifie que vous n'avez pas besoin de spécifier l'élément DOM, et vous pouvez même lier plusieurs modèles au même élément, comme ceci:

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

J'ai réussi à lier un modèle personnalisé à un élément lors de l'exécution. Le code est ici: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

Le bit intéressant est que j'applique l'attribut data-bind à un élément que je n'ai pas défini:

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

Vous devriez regarder la withliaison, ainsi que controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html