我在 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 对象中的“组件”属性。我可以访问的唯一属性是“id”。
我该如何配置它,以便我可以执行以下操作:
{{#each component in courseComponents}}
{{component.component}}
{{/each}}
它只是返回一个空字符串。我唯一可以输出的是组件的 ID:
{{#each component in courseComponents}}
{{component.id}}
{{/each}}
如何访问模板中的相关对象属性?
编辑:
JSFiddle 与我的代码: