Bạn có thể gọi ko.applyBindings để ràng buộc một phần xem không?

Tôi đang sử dụng KnockoutJS và có một mô hình xem và xem chính. Tôi muốn một hộp thoại (giao diện người dùng jQuery) xuất hiện với một khung nhìn khác mà mô hình khung nhìn con riêng biệt được ràng buộc.

HTML cho nội dung hộp thoại được truy xuất bằng AJAX vì vậy tôi muốn có thể gọi ko.applyBindingssau khi yêu cầu hoàn thành và tôi muốn liên kết mô hình khung nhìn con với chỉ một phần của HTML được tải thông qua ajax bên trong div hộp thoại.

Điều này thực sự có thể hay tôi cần tải TẤT CẢ các chế độ xem và mô hình xem của mình khi trang ban đầu tải và sau đó gọi ko.applyBindingsmột lần?

ko.applyBindings chấp nhận tham số thứ hai là phần tử DOM để sử dụng làm gốc.

Điều này sẽ cho phép bạn làm một cái gì đó như:

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

Vì vậy, bạn có thể sử dụng kỹ thuật này để liên kết viewModel với nội dung động mà bạn tải vào hộp thoại của mình. Nhìn chung, bạn chỉ muốn cẩn thận không gọi applyBindingsnhiều lần trên cùng một yếu tố, vì bạn sẽ nhận được nhiều trình xử lý sự kiện kèm theo.

Trong khi câu trả lời của Niemeyer là một câu trả lời đúng hơn cho câu hỏi, bạn cũng có thể làm như sau:

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

Điều này có nghĩa là bạn không phải chỉ định thành phần DOM và thậm chí bạn có thể liên kết nhiều mô hình với cùng một thành phần, như sau:

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

Tôi đã quản lý để liên kết một mô hình tùy chỉnh với một phần tử trong thời gian chạy. Mã ở đây: http://jsfiddle.net/ZiglioNZ/tzD4T/457/

Điều thú vị là tôi áp dụng thuộc tính liên kết dữ liệu cho một phần tử mà tôi không xác định:

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

Bạn nên xem withràng buộc, cũng như controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html