淘汰赛：观察到的计数值取决于功能

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/