Ember.js:带参数的渲染模板

时间:2013-08-24 16:20:56

标签: javascript templates ember.js emblem.js

我是ember的新手,我正在用ember.js构建一个测试应用程序。这是一个日历。我需要按星期几分组事件。在我的控制器中,我有类似的东西:

Calendar.WeekController = Ember.ArrayController.extend
  sunday: ( ->
    @get('content').filterProperty('dayOfWeek', 0)
  ).property('content.@each.dayOfWeek')
  monday: ( ->
    @get('content').filterProperty('dayOfWeek', 1)
  ).property('content.@each.dayOfWeek')

# for all days of week

在我的模板中:

ul
  each sunday
    li = description

我认为这看起来不对,但我不知道如何改进这一点。有更好的方法吗?

1 个答案:

答案 0 :(得分:0)

动态创建群组。

Calendar.WeekController = Ember.ArrayController.extend
  groups: (->
    content = @get('content')
    for dayOfWeek in [0..6]
      Ember.Object.create
        dayOfWeek: dayOfWeek
        events: content.filterProperty('dayOfWeek', dayOfWeek)
  ).property('content.@each.dayOfWeek')

在你的模板中:

each groups
  / TODO: Convert number to day name, for example, Sunday, Monday, etc.
  h1 = dayOfWeek
  ul
    each events
      li = description