ember.js - 如何将 Subview 用于具有关系的模型

Question

How to best display model in Ember like Day 每天都包含比赛列表。所以模型与其他模型有很多关系。

在 HTML 中，我想像这样显示它

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

我很有趣如何组织控制器和视图？

顺便说一句，在 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}}