ember.js - 如何在模型中设置基于 Ember 组件的数据的类？

Question

我正在尝试为基于数据属性的组件设置类名。我成功地将数据设置到 template.hbs 并且我看到该组件已呈现。但是在component.js里面我不能设置类名

export default Ember.Component.extend({
  tagName: 'li',
  classNameBindings: ['complete:completed'],
  complete: Ember.computed('isCompleted', function(){
    return this.get('isCompleted');
  })
});

这是行不通的。类名不计算。我怎样才能做到这一点？

这是我的路线：

export default Ember.Route.extend({
  model: function(){
    return Ember.RSVP.hash({
      todoList: this.store.findAll('todo')
    });
  }
});

和模板.hbs

{{#each todoList as |todo|}}
  {{todo-item todo=todo}}
{{/each}}

Answer 1

export default Ember.Component.extend({
  tagName: 'li',
  classNameBindings: ['todo.isCompleted:completed']
});