data-bind=" compose:{}" vs <!-- ko compose --> <!-- /ko -->

Question

我在这里阅读（文档） http://durandaljs.com/documentation/Using-Composition.html

我可以在这两种组合上找到显着的差异，而不是有一个内部容器或没有。

第一个：

<div data-bind="compose: {
            view: 'Box',
            model: 'Box',
            activationData: {
                hasStar: true
            }
        }"></div>

和

<!-- ko compose: ________ --> <!-- /ko -->

（实际上它里面可能有东西）

他们还谈到了 require 的用法。

谁有很好的区别？或者我应该什么时候使用每个？

Answer 1

Knockout 将第二个绑定语法<!-- ko ... --> 命名为一个虚拟元素。

它们的唯一目的是让您无需更改标记即可创建数据绑定。

使用虚拟绑定，例如，您可以这样做：

<ul>
  <li class="category">Fruits</li>
  <!-- ko foreach: fruits -->
  <li data-bind="text: name"></li>
  <!-- /ko -->
</ul>

可以像这样渲染 HTML：

<ul>
  <li class="category">Fruits</li>
  <li>Banana</li>
  <li>Orange</li>
  <li>Mango</li>
</ul>

所以简而言之，如果您没有逻辑语义 HTML 元素来放置绑定，则使用 虚拟元素绑定。如果您的局部视图周围已经有某种包装器，我'd 建议使用数据绑定属性。