Ember.js 对ArrayController上的计算属性进行排序

我有以下jsbin：

filteredContent是一个计算属性，用于过滤控制器的内容。我想知道如何对计算属性进行排序，以及如何改进现有代码

App.StudentsController = Ember.ArrayController.extend({
  sortProperties: ['name'],
  nameFilter: null,
  filteredContent: function(){
    if(!this.get('nameFilter')) return this.get('content');

    var nameRegEx = new RegExp(this.get('nameFilter'), 'i');
    return this.filter(function(item) {
      return item.get('name').search(nameRegEx) !== -1;
    });
  }.property('nameFilter', '@each.name')
});

---

最简单的方法是将结果包装在一个

ArrayProxy

中，它根据相同的

sortProperties

值进行排序。大概

filteredContent: function(){
  var result;

  if (!this.get('nameFilter')) {
    result = this.get('content');      
  } else {
    var nameRegEx = new RegExp(this.get('nameFilter'), 'i');
    result = this.filter(function(item) {
      return item.get('name').search(nameRegEx) !== -1;
    });
  }

  var sortedResult = Em.ArrayProxy.createWithMixins(
    Ember.SortableMixin, 
    { content:result, sortProperties: this.sortProperties }
  );

  return sortedResult;
}.property('nameFilter', '@each.name')

这是最新消息

另一种方法是使

filteredContent

成为显式

ArrayProxy

并对其进行筛选/排序