Question

首先，我制作了一个没有Ember CLI的小型Ember应用程序。

我有这段代码。

window.MyApp = Ember.Application.create({
  ready: function() {
    this.register('session:current', MyApp.SessionController, { singleton: true });
    this.inject('controller', 'session', 'session:current');
  }
});

这很有用。

然后我决定用Ember CLI从头开始重写所有内容。

我编辑了文件app/app.js并添加了ready挂钩，就像我以前的版本一样。

var App = Ember.Application.extend({
  modulePrefix: config.modulePrefix,
  podModulePrefix: config.podModulePrefix,
  Resolver: Resolver,
  ready: function() {
    this.register('session:current', App.SessionController, { singleton: true });
    this.inject('controller', 'session', 'session:current');
  }
});

这不起作用。

会话控制器确实存在。这是文件app/controllers/session.js

的内容

export default Ember.Controller.extend({
  isLoggedIn: false,
});

我收到的错误消息是

TypeError: Attempting to register an unknown factory: `session:current`

它出现在浏览器中。

我用Google搜索了该消息，但我在Ember CLI中找不到依赖注入的内容。

有什么想法吗？

Answer 1

在ember-cli中，你可以使用ember generate service <name of service>和ember generate initializer <name of initializer>来构建存根来实现这一目标，这比摆弄app.js要好得多。

您创建的服务基本上是这样的：

// app/services/notifications.js
import Ember from 'ember';

export default Ember.Object.extend({
  initNotifications: function() {
     // setup comes here
  }.on('init'),

  // Implementation snipped, not relevant to the answer.
});

初始化程序，它将服务注入到您需要它的应用程序的组件中：

// app/initializers/notifications-service.js
import Notifications from '../services/notifications';

export default {
  name: 'notification-service',
  after: 'auth-service',

  initialize: function( container, app ) {
    app.register( 'notifications:main', Notifications, { singleton: true } );
    app.inject( 'component:system-notifications', 'notificationService', 'service:notifications' );
    app.inject( 'service:auth', 'notificationService', 'service:notifications' );
  }
};

这样，它就可以在指定的组件上以notificationService形式使用。

关于Ember依赖注入主题的文档可以在http://emberjs.com/guides/understanding-ember/dependency-injection-and-service-lookup/

找到

如何使用Ember CLI在Ember中进行依赖注入？

1 个答案: