如何使用计算出的敲除来“同步”两个数组？

Question

我的网页有两个数组-第一个是所有可用项目的列表，第二个是由第一个列表中的特定项目填充的过滤列表。 通过单击一个元素并调用该函数以循环查找特定数据来填充第二个列表：

self.populate = function() {
    self.visibleEmails([]);
    for (var i = 0; i < self.emails().length; i++) {
        if (self.emails()[i].folder() == this.name) {
            self.visibleEmails.push(self.emails()[i]);
        }
    }
}

效果很好，但是如果我修改所有项目的主数组，则必须再次单击以重新填充第二个数组，因为它尚不进行任何更改。 我了解到如果对依赖项进行了更改，则计算机可观测值能够更新可观测值，因此我想知道在这种情况下是否有可能？

要全面了解我的应用程序，可以在这里查看：

http://jsfiddle.net/s0dhzd2t/55/

如果查看示例，则可以看到删除或移动项目的意思。 从技术上讲，它可以正常工作，但是您需要再次单击左侧的文件夹才能看到更改！

Answer 1

computed是ko的全部功能，这是您将如何使用它的方法：

self.visibleEmails = ko.computed(function() {
    return self.emails().filter(function(e) { 
        return e.folder() == self.selectedFolder().name; 
    });
});

因为它会调用emails()所以只要emails发生更改，它将被重新评估。

对所有内容都采用这种样式，您将获得很多好处。

http://jsfiddle.net/s0dhzd2t/57/