Question

我读了很多线程并且没有足够的信息如何计算两个可观察数组并跟踪它们的添加/删除并更新计算的observable，因为现在只计算一次更新并且在已经有很多更改的情况下永远不会更改对那两个人做了。

以下是代码背后的代码：

var VM = function () {
    var self = this;

    self.first = ko.observableArray([{
        Id: 1,
        name: "john"
    }, {
        Id: 3,
        name: "steve"
    }, {
        Id: 5,
        name: "roger"
    }]);

    self.second = ko.observableArray([{
        Id: 2,
        name: "laker"
    }, {
        Id: 4,
        name: "don"
    }, {
        Id: 6,
        name: "idiot"
    }]);

    self.both = ko.computed(function () {
        return self.first().concat(self.second());
    });

    self.removePerson = function (v) {
        (self.first().indexOf(v) !== -1) ? ko.utils.arrayRemoveItem(self.first(), self.first()[self.first().indexOf(v)]) : ((self.second().indexOf(v) !== -1) ? ko.utils.arrayRemoveItem(self.second(), self.second()[self.second().indexOf(v)]) : console.log("Item doesnt exist"));
    }
}

ko.applyBindings(new VM());

问题

每次更改computed或first后如何更新second？

Answer 1

您的计算正常，removePerson工作正常。

因此，不要在UI上看到更改，因为当您使用ko.utils.arrayRemoveItem时，它会从基础数组中删除项目，因此KO不会知道更改，因此它不会更新计算结果。

修复它的一种方法是在删除后调用数组上的valueHasMutated()，这将触发计算的更改。（Demo）

或者您可以使用myObservableArray.remove(someItem)方法（请参阅doc）：

self.removePerson = function (v) {
    (self.first().indexOf(v) !== -1) 
    ?  self.first.remove(v) 
    :  self.second.remove(v)
}

演示JSFiddle.

从两个可观察数组中获取计算值

问题

1 个答案: