Emberjs Computed Property計算因未知原因

Question

所以我有我認爲是一個簡單的Ember對象。

App.Playlist = Ember.Model.extend({ 
    _clips: [], 
    clips: function() { 
    var self = this; 
    if(this.get('clipIds')) { 
     this.get('clipIds').forEach(function(id) { 
     self.get('_clips').addObject({}); 
     } 
    } 
    }.property('clipIds') 
}); 

的問題是，剪輯計算的屬性，都會無限調用，直到它拋出一個異常Uncaught RangeError: Maximum call stack size exceeded

Answer 1

雷，這應該是不同的定義。計算屬性的定義與函數一樣，當觀察到您定義的任何依賴關係發生變化時，Ember將處理調用您的函數。

App.Playlist = Ember.Model.extend({ 
    myComputed: function() { 
    return this.get('clipIds').map(function (id) { 
     return Ember.Clip.create({id: id}); 
    }); 
    }.property('clipIds.@each'), 
}); 

該代碼會看一些物業叫「clipIds」（無論是），並會返回基於clipIds進行陣列上Ember.Clip對象的列表。

Answer 2

所以這裏是我最終如何修復這個現在。仍然不確定爲什麼計算的屬性被重複調用。

App.Playlist = Ember.Model.extend({ 
    clips: [], 
    loadClips: function() { 
    var self = this; 
    if(this.get('clipIds')) { 
     this.get('clipIds').forEach(function(id) { 
     self.get('clips').addObject({}); 
     } 
    } 
    }.observes('clipIds.@each') 
});