当观察到的数组被推送到时，为什么这个 Child Computed Observable 没有更新？

Question

我有一个简单的例子来说明这一点。取一个简单地保存一组项目的 a 。每一行都有一个可观察的属性，在这种情况下是一个日期。 ui 绑定到一组排序项，这只是一个计算的 observable。这个计算出的 observable 反过来正在监视一个计算出的 observable，它将过滤掉行。

为什么这不能按需要级联？

//simple table model
var TableModel = function(){
var self = this;
self.items = ko.observableArray([
new TableRowModel(5),
new TableRowModel(2),
new TableRowModel(9),
new TableRowModel(7)
]);
 self.filtered = ko.computed(function(){
return [self.items()[0], self.items()[1], self.items()[2]];
 });
 self.sortedItems = ko.computed(function(){
return _.sortBy(self.filtered(), function(item){
    return item.value();
});
});
};

var TableRowModel = function(value){
  var self = this;

self.value = ko.observable(new Date(2013, value, 1));
};

var model = new TableModel();
ko.applyBindings(model);

model.items.push(new TableRowModel(1));

Answer 1

您的代码一切正常。 “二月”不存在，因为它被过滤掉了。

push() 方法在最后一个位置插入新项目。 但是在您的 self.filtered 中，您只显示位置 0、1、2 的项目。但是当您调用 @ 987654325@ 在您的代码中，新项目将被插入位置 4，因此不会显示。

如果你想显示“二月”，你可以使用unshift：

myObservableArray.unshift('Some new value') 在数组的开头插入一个新项

所以在你的代码中：

model.items.unshift(new TableRowModel(1));

这是更新后的JSFiddle。