javascript - Ember : How do I inject into a view?

Question

假设我有一些可重复使用的东西:

App.FooUtil = Ember.Object.extend({
   foo: function () {
      return "bar";
   }
});

然后我像这样注册它:

App.register('util:fooUtil', App.FooUtil);

然后我尝试将它“注入(inject)”到我的 View 中:

App.inject('view', 'fooUtil', 'util:fooUtil');

现在假设我有这个 View :

App.SuperView = Ember.View.extend({
   contextMenu: function(evt) {
      //This is ALWAYS undefined!
      var fooUtil = this.get('fooUtil');
      window.alert(fooUtil.foo());
      event.preventDefault();
   }
});

{{#view App.SuperView}}Right Click Me!{{/view}}

我根本无法将实用程序类注入(inject)到我的 View 中。什么给了？

用头撞墙，我也试过:

App.inject('views', 'fooUtil', 'util:fooUtil');
App.inject('view:index', 'fooUtil', 'util:fooUtil');
App.inject('view:topLevel', 'fooUtil', 'util:fooUtil');
App.inject('view:super', 'fooUtil', 'util:fooUtil');

Answer 1

将 fooUtil 注入(inject)所有 Controller 是否有缺点？那么您的代码将如下所示:

App.SuperView = Ember.View.extend({
   contextMenu: function(evt) {
      var fooUtil = this.get('controller.fooUtil');
      window.alert(fooUtil.foo());
      event.preventDefault();
   }
});

还有你在哪里做注入(inject)？我通常在初始化程序中执行此操作。

Ember.Application.initializer({

  name: 'fooUtil',
  after: 'store',

  initialize: function(container) {
    container.injection('controller', 'fooUtil', 'util:fooUtil');
  }
});