EmberJs - Вычислимые свойства и шаблон

Question

Проблема в том, что я не могу правильно отображать изменения, которые я делаю для свойства ember.

Вот действие:

toggle_favorites: function() { 
     var favorite = this.get('some_service').get("favorites"); 
     this.set("favorite", favorite); 
     if (favorite.length > 0) { 
     this.set("hasFavorites", true); 
     } 
    // show some feedback, irrelevant 
    }, 

после этого я просто отобразить все как список

{{#each favorite}} ... 

Проблема заключается в том, что, если я продолжать добавлять вещи в список, изменения не будут отраженный в файле hbs.

Я попытался с помощью вычисляемого свойства следующим образом

favs: Ember.computed("hasFavorites", "some_service.favorites", "favorite.length", function() { 
     return this.get("favorite"); 
    }).property('@favorite.length'), 

и показать, что, но без толку. Если я добавлю что-то в список, а затем активирую действие, оно будет успешным, но каждое последовательное добавление не будет отображаться.

Я использую Ember 2.6.

Answer 1

У меня есть некоторые странные исправления

Я использую

this.set("favorite", null); 
    this.set("favorite", favorite); 

и

favs: Ember.computed("favorite.[]", function() { 
    return this.get("favorite"); 
    }), 

Установка любимой собственности как нуль, кажется, сделать трюк, хотя я не могу оберните мою голову вокруг нее.

Answer 2

@Rentonie, используйте favorite.length или favorite.@each.someprop Попробуйте

favs: Ember.computed("favorite.length", function() { 
    return this.get("favorite"); 
}), 

или

favs: Ember.computed("favorite.@each.someprop", function() { 
    return this.get("favorite"); 
}),