jquery - UL 标题文本在 knockout.js 中重复。如何防止这种情况？

Question

我在我的单页应用程序中使用淘汰赛 js 将数据从 db 绑定到 UL。下面是我的代码

<ul data-role="listview" data-divider-theme="b" data-inset="true" data-bind="foreach: Contacts" >
<li data-role="list-divider" role="heading">
Criteria Selected
</li>
<li data-theme="c">
<a href="#page3" data-transition="slide" data-bind="attr: { title: ContactID }">
<span data-bind="text: FirstName + ' ' + LastName + ' (' + Classification +':'+ Position+ ')'"></span>
 </a>
 </li>

它工作正常。假设，如果来自 db 的数据接近 300，然后绑定到 UL 成功。

但我的问题是每个数据显示标题文本为“选择标准”。对于 300 个数据，它显示 300 个标题文本和数据。我只想要一个标题文本，在它下面它将显示来自 db 的所有数据。

请告诉我我必须在哪里进行更改？

Answer 1

foreach绑定复制了使用它的元素的全部内容。您必须使用虚拟元素才能达到预期的效果。

<ul>
   <li>Criteria selected</li>
   <!-- ko foreach: Contacts -->
   <li>
       <span data-bind="text: firstName"></span>
   </li>
   <!-- /ko -->
</ul>