在 Knockout.js 的标记中仅显示基于 属性 的不同值

Question

我有这个标记：

<div data-bind="foreach: package() ? package().Products() : []">
  <ul data-bind="foreach: Items">
    <li>
      <div>
        <img data-bind="attr: { src: ImageUrl, alt: 'ItemId_' + ItemId }">
      </div>
    </li>
  </ul>
</div>

我想要实现的（如果可能的话在标记中）是根据 ItemId 仅显示不同的项目，因此如果有多个项目具有相同的 ItemId，我将只显示其中一个。

是否可以在标记数据绑定中做到这一点 属性？

Answer 1

没有直接的方法来过滤 HTML 中的唯一项，并且将程序逻辑放入 HTML 中也不符合良好的 Knockout 编程。进行计算以收集唯一项并迭代计算。