在Angular 2的另一个服务中注入自定义服务

Question

我想将服务注入另一个服务。我在注入标准 Angular 服务（Http 等）时没有任何问题，但是当我尝试注入自己的服务时遇到异常。

例子：

我的服务：

import {Injectable, Inject} from 'angular2/core';
import {AnotherService} from '../../services/another.service';

@Injectable()
export class MyService {
  constructor(Inject(AnotherService) private anotherService: AnotherService) {
    console.log(this.anotherService.get());
  }
}

另一个服务：

import {Injectable} from 'angular2/core';

@Injectable()
export class AnotherService {

   constructor() { }
   get() { return 'hello'); }

}

当我尝试使用 MyService 时，我得到 EXCEPTION: No provider for AnotherService!

我尝试使用constructor(private anotherService: AnotherService)，仍然抛出异常。

谢谢！

Answer 1

您应该阅读 Angular 2 文档。您的确切问题在此处的角度文档中进行了解释：https://angular.io/docs/ts/latest/guide/dependency-injection.html#when-the-service-needs-a-service

您必须将您的服务添加到提供程序数组中。您可以使用 Http 而不这样做的唯一原因是 Ionic 为您将其放在提供程序数组中。如果你使用的是原生 Angular 2，你仍然需要将 HTTP_PROVIDERS 添加到 providers 数组中。

作为旁注，你不需要在你的构造函数中注入，你可以这样做：

constructor(private anotherService: AnotherService) {
  console.log(this.anotherService.get());
}