Emberjs 1.0.0-RC3：使用 NEEDS-API 访问其他控制器内容属性

Question

我想在同一页面上呈现事件和约会。但是，当我使用 AppointmentController 中的 needs api 来访问 EventsController 时，我可以看到它返回 内的约会事件控制器内容属性' 检查时。但是，当我尝试使用包含 'appointments' 的返回内容来获取 appointments 时，它会失败。我正在使用 eventAppt = this.get('controllers.events').get('model'); 获取 AppintmentsController 中的事件内容，它获取内容和返回的内容将 'appointments' 作为其数据的一部分，但是当我尝试使用以下命令获取返回内容数据中的约会列表时：eventAppt.get('appointments'); this.set('content', myAppoint);，它总是失败，Cannot call method 'indexOf' of undefined。

jsfiddle

   App.AppointmentsController = Em.ArrayController.extend({
     needs: ['events'],

     appoint: function(){
       console.log("this: ", this.toString());

       var eventAppt = this.get('controllers.events').get('model');

        //This returns the correct data that includes 'appointments'
       console.log(eventAppt);

       var myAppoint=  eventAppt.get('appointments');

       this.set('content', myAppoint);

       //This fails with 'Cannot call method 'indexOf' of undefined'
       console.log(this.get(myAppoint));
     }
  });

事件控制器

 App.EventsController = Em.ArrayController.extend({

});

型号：

App.Event = DS.Model.extend({
  title: DS.attr('string'),
  start: DS.attr('date'),
  allDay: DS.attr('boolean'),
  appointments: DS.hasMany('App.Appointment')
});

有没有人知道为什么这不起作用。

Answer 1

在仔细查看您的代码后，很明显为什么会出现错误。让我试着解释一下。当你这样做时：

var eventAppt = this.get('controllers.events').get('model');

这会返回一个 events 数组，并且在这个数组的元素中是您的约会所在的位置。因此这样做：

//does not work because eventAppt is an array
var myAppoint=  eventAppt.get('appointments');

正确抛出一个错误，因为您要从 events 的数组中获取 appointments，这有意义吗？

因此，如果您需要所有 appointments 存在于您的 event 模型中，那么您应该遍历您的 events 内容并提取约会，或者如果您只想要一个特定的约会，则更确切地说是这样的：

var eventAppt = this.get('controllers.events').get('model');
eventAppt.objectAt(1).get('appointments') // this prints correctly the appointments of the first event in the array of events.

我希望这会让事情变得更清楚。