EmberJS，Helpers and ComputedProperty

Question

我有一個幫助接收一組元素並返回一些其他數組基於第一個。

{{#each (sorted-strings myStrings) as |string|}} 
    {{string}} 
{{/each}} 

的助手的實現可以是這樣的：

// app/helpers/sorted-strings.js 
import Ember from 'ember'; 

export function sortedStrings(params/*, hash*/) { 
    return params[0].sort(); 
} 

export default Ember.Helper.helper(sortedStrings); 

的助手工作正常，但如果原來myString陣列都發生改變的更改不會影響已經呈現的列表。

如何將ComputedProperty的行爲與Helper的結果相結合？

Answer 1

在經過很多努力之後，我發現正確的解決方案是宣佈組件而不是幫助。這樣我可以明確地宣佈計算屬性是觀察在myStrings陣的變化：

// app/components/sorted-strings.js 
export default Ember.Component.extend({ 
    myStrings: null, 
    sortedMyStrings: Ember.computed('myStrings', function() { 
    return this.get('myStrings').sort(); 
    }); 
}); 

// app/templates/components/sorted-strings.hbs 
{{#each sortedMyStrings as |string|}} 
    {{string}} 
{{/each}} 

// template 
{{sorted-strings myStrings=myStrings}} 

Answer 2

將計算屬性傳遞給助手應該可以正常工作。看看這twiddle。

也許您的計算屬性沒有得到正確更新。

Answer 3

使用notifyPropertyChange()將通知幫助者數組已更改。我認爲，助手有對數組的參考，並不知道它的內容或長度發生了變化

喜歡這個

actions: { 
    add() { 
    this.get('myStrings').pushObject('testing'); 
    this.notifyPropertyChange('myStrings'); 
    } 
    } 

我已經更新了玩弄 - 這裏是新的鏈接https://ember-twiddle.com/31dfcb7b208eb1348f34d90c98f50bbb?openFiles=controllers.application.js%2C