在没有 ArrayController 的情况下对 hasMany 关系进行排序

Question

当您没有可依赖的数组控制器时，我正在尝试找出“Ember 方式”进行排序。

我创建了一个 jsbin 来解释这种情况，虽然我无法让它在 jsbin 上工作（尽管它在我的项目中工作）：http://emberjs.jsbin.com/mused/2/edit?html,js

FIX -- 感谢 kingpin，这个 jsbin 正在工作：http://emberjs.jsbin.com/quyawitu/5/edit

基本上，假设您有两个模型：“House”和“Window”

房子有很多窗户。一扇窗属于一所房子。

现在假设你在一个看起来像这样的模板中：

<script type="text/x-handlebars" data-template-name="index">
  <ul>
    {{#each house in model}}
      <li>
        <div class="name">
          House name: {{house.name}}
        </div>
        <div>
          First Window: {{house.firstWindow}}
        </div>
      </li>
    {{/each}}
  </ul>
</script>

在这个模板中，我不只对链接到窗口的关联感兴趣——相反，我正在寻找第一个窗口（特别是第一个窗口，按 createdAt 排序）。

使用this question 的答案，我使用带有可排序mixin 的ArrayProxy 在我的House 模型上创建计算属性以获取此参考。我想知道是否有更惯用的“Ember 方式”来做到这一点。

Answer 1

升级ember并使用内置的sortBy

在您的特定情况下，由于您已切换到夹具适配器，因此这些项目是异步的，因此我不得不更改其中一些内容以使其在您的 jsbin 中工作

  firstWindow: function(){
    return this.get('windowsByCreatedAt.firstObject');
  }.property('windowsByCreatedAt.firstObject'),

  windowsByCreatedAt: function() {
    var arr = [];
    this.get('windows').then(function(windows){
      arr.pushObjects(windows.sortBy('createdAt'));
    });
    return arr;
  }.property('windows.@each.createdAt')
});

http://emberjs.jsbin.com/quyawitu/3/edit

或者，如果您想观看 isLoaded 并重新填充计算属性，它看起来会干净很多：

  windowsByCreatedAt: function() {
    return this.get('windows').sortBy('createdAt');
  }.property('windows.@each.createdAt', 'windows.isLoaded')

http://emberjs.jsbin.com/quyawitu/6/edit