毎日のようにEmberでモデルを表示する方法には、レースのリストが含まれています。そのため、 のモデルは他のモデルと多くの関係があります。
HTMLでは次のように表示したい
- Day 1
-- Race 1
-- Race 2
- Day 2
-- Race 3
-- Race 4
コントローラーとビューを整理する方法は興味深いですか?
ところで、Ember doc にすべての関係の例があれば素晴らしいと思います: 1 対 1、1 対多、多対多。
毎日のようにEmberでモデルを表示する方法には、レースのリストが含まれています。そのため、 のモデルは他のモデルと多くの関係があります。
HTMLでは次のように表示したい
- Day 1
-- Race 1
-- Race 2
- Day 2
-- Race 3
-- Race 4
コントローラーとビューを整理する方法は興味深いですか?
ところで、Ember doc にすべての関係の例があれば素晴らしいと思います: 1 対 1、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}}