ember.js - ember.js #每个按属性排序

Question

我有一个Ember.Objects 数组，它由 Handlebars{{#each}}助手显示，我希望在每次数组更改时按这些对象的属性进行排序。

所以是这样的：

var arr = [
    Ember.Objects.create({
        position:0,
        label:"foo"
    }),
    Ember.Objects.create({
        position:1,
        label:"bar"
    }),
];

还有车把

{{#each arr}}
    <div class="label">{{label}}</div>
{{/each}}

因此，如果我更新位置并且bar对象成为第一个，我希望更新视图。我可以依赖{{#each}}帮助者的财产吗？

Answer 1

您必须对数据使用ArrayController代理，并设置sortProperties属性。然后，使用控制器作为each数据源。

示例@http://jsfiddle.net/MikeAski/Epjqp/

使用控制器作为数据源提供了排列好的内容。注意不要直接使用控制器的content，因为它是原始源数据......