2

我阅读了很多线程并且没有足够的信息如何计算两个可观察数组并跟踪它们的添加/删除并更新计算的可观察对象，因为现在计算的只是更新一次并且永远不会更改，而已经对这些数组进行了很多更改二。

这是JsFiddle

这是它背后的代码：

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每次更改firstor后如何进行更新second？

4

1 回答 1

1

你的计算很好，你removePerson的工作不正确。

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

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

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

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

演示JSFiddle。

于 2013-07-20T18:42:27.227 回答