javascript - Knockout.js foreach : but only when comparison is true

Question

如何通过比较来控制 foreach 忽略某些元素？

例如，我想要的是这样的:

<div data-bind="foreach: entry where (entry.number > 10)">

所以我希望它做的是循环遍历 entry，但仅当当前 entry 的 number 值为超过10个。

这可以做到吗？

Answer 1

目前，knockout.js 无法实现这一点，但这是一个有趣的功能。您应该提交错误报告/联系作者以考虑将其用于 future 版本。

方法一:

<div data-bind="foreach: entry">
     <div data-bind="if: entry.number > 10"></div>
</div>

方式2:
编写一个自定义过滤器方法，为您提供与您的条件匹配的元素数组，并在 foreach 中使用它。