创建自定义Emberjs服务错误：尝试注入未知注入：`service：titleService`

Question

我遇到了上面的错误：尝试注入未知的注入：service:titleService使用以下代码：

// initializers/titleService
export default {
  name: 'titleService',
  initialize: function(container, application) {
    application.inject('route', 'titleService', 'service:titleService');
  }
};

// services/titleService.js
import Ember from 'ember';
export default Ember.Service.extend({
  title(name) {
    this.set('title', name);
  }
});

// routes/login.js
import Ember from 'ember';
export default Ember.Route.extend({
  titleService: Ember.inject.service(),
  actions: {
    didTransition: function() {
      this.set('titleService.title', 'Login Page');
    }
  }
});

// templates/application.hbs
<div class="page-header">
   <h1>{{titleService.title}}</h1>
</div>
{{outlet}}

我错过了什么吗？

Answer 1

您必须遵循Ember的命名约定-如果您将服务称为titleService，那么您希望文件为而title-service.js不是titleService.js。