Ember.js新模型元素在視圖中的第一個位置

Question

我有一個小留言板發表評論的動作（代碼如下）。它的工作完美，但我的服務器端列表是DESC（最新的頂部），這個保存解決方案是將新模型附加到列表的末尾。我如何設置自動插入位置？最新的評論應該在最上面。

postMsg: function() { 
    var msg = this.store.createRecord('msgboard', { 
     name: 'name_auto', 
     email: 'email_auto', 
     ts:  'ts_auto', 
     message: this.get('message') 
    }); 
    msg.save(); 
} 

感謝您的幫助！ :)

Answer 1

你需要做的是不是直接循環記錄數組，而是應該創建一個計算屬性，對計算屬性進行排序和循環。這種方式即使記錄被添加到數組中，他們也會在本地排序。

例如，如果您使用的是ArrayController並希望能夠通過id進行排序，您應該可以執行此類操作。

App.IndexController = Ember.ArrayController.extend({ 
    sortProp: ['id:desc'], 
    sortedMsgBoards: Ember.computed.sort('', 'sortProp') 
}); 

，並在模板

{{#each item in sortedMsgBoards}} 
    <li>{{item.name}}</li> 
{{/each}}