ember.js - 如何从 View 的 init() 方法中获取任何 Controller 实例？

Question

我正在从旧版本的 EmberJS 迁移我的项目。在某些地方，我曾经通过在任何 View 的 init() 方法中使用以下内容来获取与 View 无关的 Controller 实例:

var controller = App.get('router').get('firstController');

但是现在这会引发以下错误。

  Uncaught TypeError: Cannot call method 'get' of undefined 

这可能是因为它无法获取 Router 对象。现在如何获取与 View 无关的 Controller 实例？或如何获取路由器对象

Answer 1

“需要”功能允许 Controller 访问其他 Controller ，这允许 Controller 的 View 访问其他 Controller 。 (Ember 中对需求的一个很好的解释:http://darthdeus.github.com/blog/2013/01/27/controllers-needs-explained/)

如 Cannot access Controller in init function of View in 1.0.0rc 中所述, controller init() 时 View 的属性尚未设置被调用，所以你需要访问 controller在 View 生命周期的后期。这可能是 willInsertElement()或 didInsertElement()钩子(Hook)，例如。

这是一个示例，演示使用需要从 View 访问另一个 Controller :

http://jsbin.com/ixupad/186/edit

App = Ember.Application.create({});

App.ApplicationController = Ember.Controller.extend({
  doSomething: function(message) {
    console.log(message);
  }
});

App.IndexView = Ember.View.extend({
  templateName: 'index',
  init: function() {
    this._super();
    // doesn't work, controller is not set for this view yet see:
    // https://stackoverflow.com/questions/15272318/cannot-access-controller-in-init-function-of-view-in-1-0-0rc
    //this.get('controller.controllers.application').doSomething("from view init");
  },
  willInsertElement: function() {
    this.get('controller.controllers.application').doSomething("from view willInsertElement");
  },
  clickMe: function() {
    this.get('controller.controllers.application').doSomething("from clickMe"); 
  }
});

App.IndexController = Ember.Controller.extend({
  needs: ['application']
});