ember.js #each 按属性排序

Question

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

所以像这样:

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

还有 Handlebars

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

因此，如果我更新位置并且 bar 对象成为第一个，我希望更新 View 。我可以在属性上依赖 {{#each}} Helper 吗？

Answer 1

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

样本@ http://jsfiddle.net/MikeAski/Epjqp/

使用 Controller 作为数据源提供安排好的内容。注意不要直接使用 Controller 的内容，因为它是原始源数据...