如何在模型中设置基于 Ember 组件数据的 class？

Question

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

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

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

这是我的路线：

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

和template.hbs

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

Answer 1

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

如何在模型中设置基于 Ember 组件数据的 class？

How to set the class of an Ember component based data in the model?

ember.js

ember-data

ember-components