javascript - 按属性过滤 Emberjs 数据

Question

所以我有一个 ember-cli 1.13.8 应用程序，我想在其中查看没有答案的问题。目前，我可以根据属性过滤搜索。例如，我可以搜索问题的“内容”，因为这是对象的一个​​属性。

模型:

回答:

export default DS.Model.extend({
  ...
  content: DS.attr(),
  question: DS.belongsTo('question', { async: true })
});

问题:

export default DS.Model.extend({
  ...
  answers: DS.hasMany('answer', { async: true }),
});

例如，这适用于查询当前模型(问题)的属性:

model(query) {
 return this.store.findAll('question').then(function(questions) {
   return questions.filterBy("content", query);
 });
}

但我无法根据模型属性的属性(在本例中为长度)进行过滤。我想根据那些没有答案的问题进行过滤。

model() {
  return this.store.findAll('question').then(function(questions) {
    return questions.filter(function(item, index, enumberable) {
      return item.answers.length === 0;
    })
  });
}

另一种尝试:

model() {
  this.store.findAll('question').filter('question', function(q) {
    return q.get('answers.length') === 0;
  })
}

我咨询过: Emberjs filter() versus filterProperty()

似乎 filterProperty() 已被弃用，因此示例如下: http://www.kaspertidemann.com/how-to-filter-an-array-of-records-by-a-property-value-in-ember-js/没有帮助。

Answer 1

问题是尚未加载 answers 关系。我的做法是让路由负责获取模型，让 Controller 负责显示数据。

在你想过滤掉没有答案的问题的路由中:

model() {
  return this.store.findAll('question').then( (questions) => {
    let promiseArray = questions.map( (question) => {
      return question.get('answer');
    })

    return Ember.RSVP.all(promiseArray);
  });
}

在 Controller 中过滤模型:

filteredModels: Ember.computed('model.[]', function() {
  return this.get('model').filter( (question) => {
     return question.get('answers.length') === 0;
  })
})