淘汰賽：觀察到的計數值取決於功能

Question

假設我有一個觀察的陣列

[{type:'red' , value:1}, 
{type:'blue' , value:'2'}, 
{type:'red' , value:3}, 
{type:'red' , value:4}] 

現在我需要哪種類型返回計數形式陣列可觀察到的值==紅色 該計上更新每次可觀察數組的對象的任何更改。

Answer 1

您這裏需要一個計算obervable，這樣的事情就可以了（未經測試）：

var yourArray = ko.observableArray([]); 

var count = ko.computed(function() { 
    var items = ko.utils.arrayFilter(yourArray(), function(item) { 
     return item.type == "red"; 
    }); 

    return items.length; 
}); 

Answer 2

您可以使用ko.computed做到這一點。

例視圖模型：

function ViewModel() { 
    var self = this; 
    self.arrayOfObjects= ko.observableArray([{type:'red' , value:1},{type:'blue' , value:'2'},{type:'red' , value:3},{type:'red' , value:4}]); 

    self.count = ko.computed(function() { 
     var redItems = ko.utils.arrayFilter(self.arrayOfObjects(), function(arrayItem) { 
      return arrayItem.type == 'red'; 
     }); 

     return redItems.length; 
    }); 
} 

任何約束來算將有它的價值變化的紅色元素更改次數：

<span data-bind="text: count"></span> 

示例 - http://jsfiddle.net/Wmb47/2/