Bisakah Anda menelepon ko.applyBindings untuk mengikat sebagian tampilan?

Saya menggunakan KnockoutJS dan memiliki tampilan utama dan model tampilan. Saya ingin dialog (UI jQuery satu) muncul dengan tampilan lain yang terikat model tampilan anak terpisah.

HTML untuk konten dialog diambil menggunakan AJAX jadi saya ingin dapat menelepon ko.applyBindingssetelah permintaan selesai, dan saya ingin mengikat model tampilan anak untuk hanya bagian dari HTML yang dimuat melalui ajax di dalam dialog dialog.

Apakah ini benar-benar mungkin atau apakah saya perlu memuat SEMUA pandangan saya dan melihat model ketika halaman awalnya dimuat dan kemudian menelepon ko.applyBindingssekali?

ko.applyBindings menerima parameter kedua yang merupakan elemen DOM untuk digunakan sebagai root.

Ini akan memungkinkan Anda melakukan sesuatu seperti:

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

Jadi, Anda bisa menggunakan teknik ini untuk mengikat viewModel ke konten dinamis yang Anda muat ke dialog Anda. Secara keseluruhan, Anda hanya ingin berhati-hati untuk tidak menelepon applyBindingsberkali-kali pada elemen yang sama, karena Anda akan membuat beberapa penangan acara terpasang.

Sementara jawaban Niemeyer adalah jawaban yang lebih benar untuk pertanyaan, Anda juga bisa melakukan hal berikut:

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

Ini berarti Anda tidak perlu menentukan elemen DOM, dan Anda bahkan dapat mengikat banyak model ke elemen yang sama, seperti ini:

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

Saya telah berhasil mengikat model khusus ke suatu elemen saat runtime. Kode di sini: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

Yang menarik adalah saya menerapkan atribut data-bind ke elemen yang tidak saya definisikan:

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

Anda harus melihat withpengikatan, serta controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html