Model Computed Property not updating

Question

Model Computed Property not updating

How come the computed property student.successfulEvaluations does not update unless the page is refreshed?

http://emberjs.jsbin.com/keduco/edit?html,js,output

App.Student = DS.Model.extend({
  username: DS.attr('string'),
  evaluations: DS.hasMany('evaluation'),
  successfulEvaluations: Ember.computed.filter('[email protected]', function(evaluation, index, array){
    return evaluation.get('grade') >= 10;
  })
});

App.Evaluation = DS.Model.extend({
  subject: DS.attr('string'),
  grade:   DS.attr('number'),
  student: DS.belongsTo('student')
});

Ember : 2.2.0
Ember Data : 2.2.1

1 Answers

Pedro Rio · Accepted Answer · 2020-03-14 02:22:43 +0000 UTC

There seems to be a bug in EmberJS 2.1/2.2 regarding @each computed properties. There's a workaround that's to use [email protected] instead of just @each (See the issue for details)

successfulEvaluations: Ember.computed.filter('[email protected]', function(evaluation, index, array){
   return evaluation.get('grade') >= 10;
})