ember.js - リレーションを持つモデルに Subview を使用する方法

Question

毎日のようにEmberでモデルを表示する方法には、レースのリストが含まれています。そのため、 のモデルは他のモデルと多くの関係があります。

HTMLでは次のように表示したい

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

コントローラーとビューを整理する方法は興味深いですか?

ところで、Ember doc にすべての関係の例があれば素晴らしいと思います: 1 対 1、1 対多、多対多。

Answer 1

Days の配列を作成し、それから各 Days 内に Races の配列を作成します。実際にデータソースをロードする際にもサポートが必要な場合はお知らせください。しかし、これの主な部分はテンプレートです。

# 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}}