emberjs刷新ArrayController與arrangedContent和@each崩潰

Question

海蘭和感謝閱讀：

我有Ember.ArrayController和arrangedContent的問題。該senario如下：

我的arrayController中的項目可以通過一些操作進行修改。 我的arrangeContent在某些項目屬性上被過濾。 因此，如果觀察到的項目屬性變化arrangedContent屬性應該被刷新

我用"content.@each.myproperty"

所有設置我arrangedContent的property()實現這一工作正常，但如果我嘗試刷新來自路徑模型我然後得到錯誤信息TypeError: Cannot read property 'destroy' of undefined at ContainerView.extend.arrayWillChange

在某些情況下，它會工作，但每次都重複內容的刷新（）被觸發

一些最少的代碼可能變得更加清晰...

App.IndexRoute = Ember.Route.extend({ 
    model : function(){ 
    return [App.Cars.create({color : "red", model : "march"}), 
      App.Cars.create({color : "yellow", model : "alto"}), 
      App.Cars.create({color : "blue", model : "gundam"}) ]; 
    }, 
    actions : { 
    reload : function(){ 
     this.refresh(); 
    } 
    } 
}); 

App.IndexController = Ember.ArrayController.extend({ 
    arrangedContent : function(){ 
    var data= this.get("content"); 
    data=data.filter(function(elem){ 
     return elem.get("color").match(new RegExp("el","gi"))!==null; 
    }); 
    return data; 
    }.property("lenght","content.@each.color"), 
    actions : { 
    allYell :function(){ 
     this.get("content").forEach(function(elem){ 
     elem.set("color","yellow"); 
     }); 
    }, 
    erase : function(){ 
     if(this.get("length")>0){ 
     this.get("content").removeAt(0); 
     } 
    } 
    } 
}); 

一個JSBin可以在這裏http://jsbin.com/yebopobetu/3/edit?html,js,console,output

Answer 1

發現我從來沒有見過有人建議重寫arrangedContent。我真的不會推薦它。

App.IndexController = Ember.ArrayController.extend({ 
    foos : function(){ 
    var data= this.get("model"); 
    return data.filter(function(elem){ 
     return elem.get("color").match(new RegExp("el","gi"))!==null; 
    }); 
    }.property("@each.color"), 
    actions : { 
    allYell :function(){ 
     this.forEach(function(elem){ 
     elem.set("color","yellow"); 
     }); 
    }, 
    erase : function(){ 
     if(this.get("length")>0){ 
     this.removeAt(0); 
     } 
    } 
    } 
}); 

http://jsbin.com/sivugecunu/1/edit