jquery-templates - 如何将 foreach 与特殊的第一个元素一起使用？

Question

如果我有一个可观察的数组

foos = [{ name: "a" }, { name: "b" }, { name: "c" }]

在我的 View 模型上，我想渲染以下内容:

<ul>
  <li class="add-new-foo">Special stuff here</li>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

我非常接近

<ul data-bind="template: { name: 'foo-template', foreach: foos }">
  <li class="add-new-foo">Special stuff here</li>
</ul>

<script id="foo-template" type="text/html">
  <li data-bind="text: name"></li>
</script>

但这最终导致了 .add-new-foo在 a、b、c 之后。

有任何想法吗？就我而言，使用 Knockout foreach 至关重要。而不是 jQuery 模板的 {{each}} , 因为 the benefits mentioned in the Knockout docs .

Answer 1

看起来新的无容器控制流和 foreach 将成为可能KO 1.3 2.0 中的绑定(bind):

<ul>
    <li>Static item</li>
    <!-- ko foreach: products -->
        <li data-bind="text: name"></li>
    <!-- /ko -->
</ul>

详情见此帖: http://blog.stevensanderson.com/2011/08/31/knockout-1-3-0-beta-available/