ko.applyBindingsを呼び出して部分ビューをバインドできますか？

私はKnockoutJSを使用しており、メインビューとビューモデルがあります。ダイアログ（jQuery UIの1つ）に、別の子ビューモデルがバインドされる別のビューをポップアップ表示させたい。

ダイアログコンテンツのHTMLはAJAXを使用して取得されるのでko.applyBindings、リクエストが完了したら呼び出せるようにしたいと思います。また、子ビューモデルを、ダイアログdiv内のajaxを介して読み込まれたHTMLの一部だけにバインドしたいと思います。

これは実際に可能ですか、それともページが最初にロードされてからko.applyBindings一度呼び出されたときにすべてのビューとビューモデルをロードする必要がありますか？

ko.applyBindings ルートとして使用するDOM要素である2番目のパラメーターを受け入れます。

これにより、次のようなことが可能になります。

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

したがって、この手法を使用して、viewModelをダイアログにロードする動的コンテンツにバインドできます。全体として、applyBindings複数のイベントハンドラーがアタッチされるため、同じ要素に対して複数回呼び出さないように注意する必要があります。

ニーマイヤーの答えは質問に対するより正しい答えですが、次のこともできます：

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

つまり、DOM要素を指定する必要はなく、次のように複数のモデルを同じ要素にバインドすることもできます。

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

実行時にカスタムモデルを要素にバインドすることに成功しました。コードはこちら：http : //jsfiddle.net/ZiglioNZ/tzD4T/457/

興味深い点は、定義していない要素にdata-bind属性を適用することです。

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

withバインディングとhttp://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.htmlを確認する必要がありますcontrolsDescendantBindings