Javascript 在model-ember.js中按类别筛选每个

根据标题-我如何才能做到这一点

所以我有

模型/项目

export default DS.Model.extend({
    title: DS.attr('string'),
    description: DS.attr('string'),
    image: DS.attr('string'),

    category: DS.attr('string')  
});

我想在

projects/index.hbs

{{#each project in model}}
    <h3>{{project.title}}</h3>
    <p>{{project.description}}</p>
{{/each}}

...

{{#each project in model}}
    <h3>{{project.title}}</h3>
    <p>{{project.description}}</p>
{{/each}}

{{{#模型中的每个项目}
{{project.title}
{{project.description}}

{{/每个}}
...
{{{#模型中的每个项目}
{{project.title}
{{project.description}}

{{/每个}}

例如，一些项目具有类别web，而其他项目具有徽标

在第一个

{{#each}

循环中，我想在第二个循环中显示web类别和logo

---

我应该由管制员来做吗？还是在途中？PS.如何使其显示为默认值，而不是通过单击来执行

操作：sortBy

等。我确实尝试自己找到答案，但还没有找到任何答案。

您可以将

计算属性

添加到控制器中，该控制器按类别筛选项目

  webCategoryProjects: function() {
    return this.get('model').filterBy('category', 'web');
  }.property('model.@each.category'),

  logoCategoryProjects: function() {
    return this.get('model').filterBy('category', 'logo');
  }.property('model.@each.category'),

{{#each project in webCategoryProjects}}
    <h3>{{project.title}}</h3>
    <p>{{project.description}}</p>
{{/each}}

...

{{#each project in logoCategoryProjects}}
    <h3>{{project.title}}</h3>
    <p>{{project.description}}</p>
{{/each}}

webCategoryProjects:function（）{
返回此.get（'model'）.filterBy（'category'，'web'）；
}.property（'model.@each.category'），
logoCategoryProjects:function（）{
返回此.get（'model'）.filterBy（'category'，'logo'）；
}.property（'model.@each.category'），
{{{#webCategoryProjects中的每个项目}
{{project.title}
{{project.description}}

{{/每个}}
...
{{{#logoCategoryProjects中的每个项目}
{{project.title}
{{project.description}}

{{/每个}}