템플릿에서 관련된 EmberJS 개체의 속성에 어떻게 액세스합니까?

Question

나는 엠버이 두 객체를 정의 :

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 : 결국

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

Answer 1

은 내가 엠버 데이터의 파괴 (? 제 생각 엔) 빌드를 사용했다 밝혀졌다. 오늘 아침에 스타터 키트를 통해 EmberJS 사이트에서 가져온 이후로 나는 정말로 생각할 생각이 없었습니다.

관련 객체의 속성을 출력하는 것이 예상대로 작동합니다.