使用@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/