如何在模板中访问相关EmberJS对象的属性？

Question

我在Ember中定义了这两个对象：

App.Course = DS.Model.extend({
    name: DS.attr('string'),
    students: DS.hasMany('App.Student'),
    courseComponents: DS.hasMany('App.CourseComponent')
});

App.CourseComponent = DS.Model.extend({
    course: DS.belongsTo('App.Course'),
    component: DS.attr('string')
});

我为测试目的创建了一些灯具数据，我的目标是显示一系列课程。单击一个课程后，它应显示构成该课程的所有组件。

到目前为止一切正常（路线显示课程的正确ID等）但我无法访问课程相关的courseComponent对象中的'component'属性。我可以访问的唯一属性是'id'。

如何配置它以便我可以执行以下操作：

{{#each component in courseComponents}}
    {{component.component}}
{{/each}}

它只返回一个空字符串。我唯一可以输出的是组件的id：

{{#each component in courseComponents}}
    {{component.id}}
{{/each}}

如何在模板中访问相关的对象属性？

编辑：

JSFiddle与我的代码：

http://jsfiddle.net/3bGN4/256/

Answer 1

最后我发现我正在使用一个破碎的（我猜？）构建的ember-data。自从今天早上通过入门套件从EmberJS网站上取下它以来，我从未想过要检查。

现在按照我的预期，输出相关对象的属性。