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); 

然後，你可以向數據綁定因爲你通常會