Question

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

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

现在我需要一个可观察的值，它返回类型为== red的计数表单数组并且每次对可观察数组的对象进行任何更改时，此计数都会更新。

Answer 1

您可以使用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/

Answer 2

你需要一个计算的observable，这样的东西可以工作（未经测试）：

var yourArray = ko.observableArray([]);

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

    return items.length;
});

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

2 个答案: