如何在Ember.js中显示已过滤的ArrayController内容

Question

如何显示已过滤的ArrayController内容？

关于这个问题有很多答案，但它们似乎都不适合我（作为Ember noob）。

我已创建此jsfiddle，并希望它在App.CategoriesController中显示已过滤的内容withParent。目前它只显示空白。

App.CategoriesController = Ember.ArrayController.extend({
    sortProperties: ['sortOrder'],
    sortAscending: false,
    // filtered property
    withParent: (function () {
        this.filterBy('parentId', 1);
    }).property('@each')
});


<script type="text/x-handlebars" id="categories">
    {{#each category in controller.withParent}}
        {{category.name}}
    {{/each}}
</script>

Answer 1

Updated fiddle。我已经解决了几个问题：

• 适配器声明使用的是旧样式，应该是

  App.ApplicationAdapter = DS.FixtureAdapter.extend({});
  

• 模板由data-template-name标识，而不是id

  <script type="text/x-handlebars" data-template-name="categories">
  

• 添加了类别路线的链接。启动时加载的应用程序/索引模板为空

• 固定过滤功能