你能调用ko.applyBindings来绑定局部视图吗？

4 回答

• 427

  虽然Niemeyer的答案是对问题更正确的答案，但您也可以执行以下操作：

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

  回复于 2024-04-27T23:51:39+08:00
• 60

  我已经设法在运行时将自定义模型绑定到元素 . 代码在这里：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]);
  

  回复于 2024-04-27T23:51:39+08:00
• 6

  ko.applyBindings 接受第二个参数，该参数是用作根的DOM元素 .

  这可以让你做类似的事情：

  <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 ，因为你会得到多个事件处理程序 .

  回复于 2024-04-27T23:51:39+08:00
• 0

  你应该看一下 with 绑定，以及 controlsDescendantBindings http://knockoutjs.com/documentation/custom-bindings-controlling-descendant-bindings.html

  回复于 2024-04-27T23:51:39+08:00