Emberjs-1.0.0-rc.6 无法过滤控制器内容以返回特定属性的值

Question

我有 CalendarController，它使用需求 api 访问 AppointmentController，目的是过滤 AppointmentController 内容并仅返回 event.start。但我已经尝试过 filter() 和 forEach() 并且它总是返回所有不同的属性，而不是只返回 event.start的所有可用时间>。当我使用 ma​​p() 时，它只会在控制台中返回我想要的 event.start 值，但随后把手无法显示任何内容。

u = App.__container__.lookup("controller:appointments");

y = u.get('content');

y.map(function(appointee) { return appointee.get('event.start') });

返回：

[Thu Jul 18 2013 01:00:00 GMT+0100 (GMT Daylight Time), Thu Jul 25 2013 01:00:00 GMT+0100 (GMT Daylight Time), Thu Jul 25 2013 01:00:00 GMT+0100 (GMT Daylight Time)]

当我们使用 ma​​p() 和日历模板时，jsfidle 什么也不显示。此 jsfiddle 使用 FILTER() 和日历模板显示内容，但不仅仅是 event.start，它返回其所有内容并且不过滤任何内容。

 App.AppointmentsController = Ember.ArrayController.extend({ });

Calendarscontroller todayEvent 属性使用 filter()：

 App.CalendarController = Em.ObjectController.extend({
   needs: ['appointments'],

   todayEvent: function(){
      var _self = this;
      var appoint = _self.get('controllers.appointments');

      var appCont = appoint.get('content');

      return appCont.filter(function(appointee) {
         return appointee.get('event.start');
      });
  }.property()

});

注意，我添加了 {{name}} 属性以证明 todayEvent 属性 返回的内容不是由 event.start 过滤，而是仅返回 'event .start'，它正在返回所有属性。

 <script type="text/x-handlebars" data-template-name='calendar'>

    <h1> from todayEvent</h1>
     {{#each todayEvent}}
        {{name}}<br/>
         {{event.start}}<br/>
     {{/each}}

路由器

App.Router.map(function() {
  this.route('events');    
  this.resource('appointments');
  this.route('calendar', {path: '/cal'});
});

使用了ember-model：：

App.Appointment = Ember.Model.extend({
  name: Ember.attr(),
  event : Ember.belongsTo('App.Event', {key: 'event_id'})

});

App.Event = Ember.Model.extend( {
  title: Ember.attr(),
  start: Ember.attr(Date),
  end: Ember.attr(Date),
  allDay: Ember.attr(Boolean),
  appointments: Ember.hasMany('App.Appointment',  {key:  'appointment_ids'})
});

Answer 1

filter 方法只返回传递函数计算结果为 true 的枚举。您可以像以前一样使用 map 方法。你的代码

y.map(function(appointee) { return appointee.get('event.start') });

按照您的预期返回一个开始日期数组。错字出现在您的日历 hbs 中。

   {{#each todayEvent}}
     {{this}}
   {{/each}}

Your fiddle