javascript - 按模型中的类别过滤每个项目 - ember.js

Question

根据标题 - 我怎样才能做到这一点？

所以我有模型/项目

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}}

例如，某些项目具有网络类别，而其他项目具有 Logo

在第一个{{#each}}循环中，我想在第二个循环中显示web类别和 Logo 。

我应该通过 Controller 来做到这一点吗？或者在路线上？附言。如何使其显示为默认值，而不是通过单击进行 action: sortBy 等。我真的尝试自己找到答案，但还没有找到答案..

Answer 1

您可以将计算属性添加到 Controller 中，以按类别过滤您的项目。

  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}}