'模板'綁定中'if'與'foreach'結合使用敲除

Question

我正在使用一個挖空模板將可觀察數組綁定到視圖。我有一個對象數組，但我想只顯示滿足一定條件的對象。無論如何要使用淘汰賽模板綁定來做到這一點？我目前正在使用第二個解決方案（工作原理），因爲第一個解決方案導致錯誤，但我覺得可能有一個更簡潔的方法來做到這一點。

期望的解決方案（錯誤的產品沒有定義）：

<div class="productItem" data-bind="template: { name: 'product-template',foreach:'history', as:'product', if: product.Count === 1}"></div> 

我的解決方法解決：

<!-- ko foreach: { data: history, as: 'product' } --> 
<div class="productItem" data-bind="template: { name: 'product-template', if: product.Count === 1}"></div> 
<!-- /ko --> 

Answer 1

我無法找到一個乾淨的方式做一個聲明，但也許你可以將if邏輯移入模板本身？

<ul data-bind="template: {name:'template', foreach: items}"> 

</ul> 
<script type="text/html" id="template"> 
    <!-- ko if: show --> 
    <li> 
    <span data-bind="text: name"></span> 
    </li> 
    <!-- /ko --> 
</script> 

看到完整的例子在這裏：http://jsfiddle.net/nheu9uvq/1/

Answer 2

使用computed基於其Count成員來過濾history。或者是一個基於任意成員進行過濾的函數。

Answer 3

模板綁定本身支持if參數。

它在文檔中。 http://knockoutjs.com/documentation/template-binding.html