EmberJS基于ItemController或全局属性对ArrayController进行排序？

Question

我想在一个计算属性（ relevance ）上对相关对象的ArrayController进行排序。 相关性是根据您正在查看的主要模型计算的。

问题似乎是，尽管您可以用控制器装饰模型，但在其中添加显示逻辑/属性时，您无法对这些属性进行排序。 （请参阅： Ember ArrayController不能按itemController中定义的属性排序 ）

我创建了一个JSBin来捕获大部分内容： http : //jsbin.com/guluxaco/1/edit

我知道我可以通过将相关性属性推到模型中来完成此工作，但认为该模型不适用于另一个控制器（或全局属性）

我看到两种方法：

1）将relevance下推到模型（相关对象）。 在那种情况下，我应该在哪里存储当前模型（主要对象）？

2）让ArrayController以某种方式重新排序？ 也许对路线中的模型进行排序或装饰？

Answer 1

我看了看您的代码，然后想出了一个解决方案，因此，我要做的就是更改您的模型，如下所示：

model: function() {
  return [Ember.Object.create({color: 'red'}), 
        Ember.Object.create({color: 'yellow'}), 
        Ember.Object.create({color: 'blue'})];
}

然后，您的Colors控制器将执行以下操作：

App.ColorsController = Ember.ArrayController.extend({
  needs: ['mood'],
  sortProperties: ['relevance'],

  contentChanged: function() {
    Ember.run.once(this, function() {
      this.get('content').forEach(function(color) {
        color.set('relevance', color.get('color') === this.get('controllers.mood.mood') ? 1 : 0);
      }, this);
    });
  }.observes('content.@each', 'controllers.mood.mood')
});

希望对您有所帮助，我将您的jsbin更改为此代码，并且可以正常工作。