Knockout.js的foreach：但只有当比较结果为真

Question

我如何控制的foreach忽略使用比较某些元素？

我想要的例子是这样的：

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

所以，我希望它做的是循环遍历entry的，但是当电流entry拥有超过10 number值只执行。

这是可能的吗？

Answer 1

目前这是不可能的knockout.js，但它是一个有趣的功能。您应该提交错误报告/联系作者以考虑将来的版本。

方法1：

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

方式2：
编写自定义过滤器的方法，让您匹配您的条件，并在您的foreach使用该元素的数组。

Answer 2

试试这个：

<div data-bind="foreach: editingItem.columns"> 
     <!-- ko if: Selected--> 
     <div data-bind="text: Name"></div> 
      <input type="text"/> 
      <!-- /ko --> 

Answer 3

什么

<div data-bind="foreach: _.filter(entry(), function(item) { return item.number > 10;})"> 

使用underscore.js

Answer 4

我认为这将是更好地使用内置的arrayFilter方法（见http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html）

viewModel.filteredEntries = ko.computed(function() { 

    return ko.utils.arrayFilter(this.entries(), function(item) { 
     return item.number > 10; 
    }); 

}, viewModel); 

然后，你可以向数据绑定因为你通常会