Ember.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

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

动态创建您的组。

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

最新更新