knockout:取决于函数的可观察计数值

Question

假设我有一个可观察的数组

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

现在我需要一个可观察的值,它返回带有类型== red的计数表单数组,并且每次对可观察数组的对象的任何更改都会更新此计数.

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用来做这件事.

示例viewmodel:

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/