ember.js - 反转内容数组

Question

我正在我的 ArrayController 中存储搜索词列表。我希望搜索词按最新到最旧的顺序显示。默认情况下，Ember 按顺序输出它们。

您可以在这里查看我当前的实现:http://andymatthews.net/code/emberTweets/

这是相关代码。

{{#each App.recentUsersArray.reverse}}
    <li>
        <a href="#" title="view again" {{action "searchAgain" target="App.recentUsersArray"}}>{{this}}</a>
    </li>
{{/each}}

App.recentUsersArray = Em.ArrayController.create({
    content: [],
    reverse: function(){
        return this.content.reverse();
    }.property(),
});

您可以看到我正在尝试使用 property() 方法来反转它，但它不起作用。我做错了什么吗？

Answer 1

您应该始终使用 get 和 set 来访问属性。此外，如果计算属性依赖于其他属性，则必须将它们添加到 property 声明中。在 ember 的下一个版本中可以省略 cacheable 的使用，请参阅 discussion 。您可以看到一个工作示例 here .

reverse: function(){
    return this.get('content').toArray().reverse();
}.property('content.@each').cacheable()

您还可以在数组上使用 unshiftObject 方法，从而避免创建计算属性，请参阅 http://jsfiddle.net/ez7bV/ .