使用@each可以观察数组中的数组吗？

Question

我有一个包含“事物”数组的控制器。在每一件事情中，都有一系列“亚树”。我想创建一个计算属性，其中包含所有东西的所有子项（扁平数组的子项）。

我的计算属性取决于things.@each.subthings.length。我发现，如果我设置subthings属性的东西，我的计算属性更新。但是，如果我呼叫pushObjects向我的现有的subthings数组添加新数据，我的计算属性不会更新。

我创建了一个jsfiddle来演示。代码如下：

App = Em.Application.create({}); 

App.controller = Em.Object.create({ 
    things: [ 
     Em.Object.create({subthings:[]}), 
     Em.Object.create({subthings:[]}), 
     Em.Object.create({subthings:[]})   
    ], 

    allSubThings : function() { 
     var things = this.get('things'); 
     var results = []; 
     things.forEach(function(thing) { 
      results.pushObjects(thing.get('subthings')); 
     }); 
     return results; 
    }.property('things.@each.subthings.length').cacheable()   
}); 


setTimeout(function() { 
    var things = App.controller.get('things'); 
    // This works: 
    things.objectAt(0).set('subthings',[1,2,3]); 
}, 1000); 

setTimeout(function() { 
    var things = App.controller.get('things'); 
    // This does not: 
    things.objectAt(1).get('subthings').pushObjects([1,2,3]); 
}, 2000); 

谢谢！

Answer 1

添加另一个@each的属性列表.property('things.@each.subthings.@each.length')

http://jsfiddle.net/tomwhatmore/pDQeT/3/