관계가있는 모델에 대한 서브 뷰 사용 방법

Question

매일 Ember에 모델을 표시하는 가장 좋은 방법은 Races 목록이 포함되어 있습니다. 모델은 다른 모델과 많은 관계가 있습니다. HTML에서

나는 컨트롤러 및 뷰를 구성하는 방법을 흥미 오전

- Day 1 
-- Race 1 
-- Race 2 
- Day 2 
-- Race 3 
-- Race 4 

처럼 표시 하시겠습니까?

Btw, Ember doc의 모든 관계에 대한 예제가있는 것이 좋을 것입니다. 일대일, 일대일, 많음, 많음, 많음.

Answer 1

나는 하루의 배열을 가지고 있고, 그 다음 날의 배열을 가질 것입니다. 실제로 데이터 소스를로드하는 데 도움이 필요하면 알려주십시오. 그러나 이것의 주된 부분은 템플릿입니다.

# models 

Race = Ember.Object.extend({ 
    raceNumber: null 
}) 

Day = Ember.Object.extend({ 
    dayNumber: null 
    races: [] 
}) 

# controller 
daysController = Ember.View.create({ 

    init: -> 
    @loadDays() 

    content: null 

    loadDays: -> 
    # load your days and your races here 
    content = YOUR DATA GOES HERE 
}) 

# view 

DayView = Ember.View.extend({ 

    templateName: 'days' 

    daysBinding: daysController.content 

}) 

# template 

script(type='text/x-handlebars', data-template-name='days') 
    ul 
    {{#each day in view.days}} 
     li day.dayNumber 
     li ul 
      {{each race in day.races}} 
       li race.raceNumber 
      {{/each}} 
    {{/each}}