如何觀察店內集合

Question

我有生成複選框列表代碼：

accountsCheckboxes: Ember.computed('accountsCheckboxes.@each', function(){ 
    return this.model.accounts.map(row => { 
    return { 
     label: row.get('name'), 
     value: row.get('id') 
    }; 
    }) 
}), 

但修改賬催收後，添加或刪除，這種計算性能犯規刷新。我試圖找到如何與事件，或如何觀察店鋪收集，但沒有成功。 我modyfy在其他控制器這個模型集合。

Answer 1

它有點混亂，你想要什麼，通過觀察同一個屬性做你定義：

// accountsCheckboxes observes accountsCheckboxes? 
accountsCheckboxes: Ember.computed('accountsCheckboxes.@each', ...) 

這將無法工作，可能會導致查找無限鏈。

您的意思是觀察model.accounts而不是？如果是這樣，這是你可以做了什麼：

accountsCheckboxes: Ember.computed('model.accounts.@each.name', function() { 
    return this.get('model.accounts').map(row => { 
    return { 
     label: row.get('name'), 
     value: row.get('id') 
    }; 
    }) 
}); 

請注意，您必須調用this.get('model')，不this.model，以確保您始終獲得正確的數據。

或者，您可以使用Ember.computed.map：

accountsCheckboxes: Ember.computed.map('model.accounts.@each.name', function(row) { 
    return { 
    label: row.get('name'), 
    value: row.get('id') 
    }; 
});