Angular2注入服务在另一个服务中创建2个实例

我有两个服务：AuthService和MonBanquetService，AuthService依赖于MyService。以下是这两项服务的基本代码：

AuthService.ts：

import {Inject, Injectable} from 'angular2/core';
import {MonBanquetService} from '../monbanquet.service'

@Injectable()
export class AuthService {

    public username: string;

    constructor(protected _monBanquetService: MonBanquetService) {
        // do something()
    }

}

MonBanquetService.ts

import {Injectable, Component} from 'angular2/core';
import {Http, Headers, Response} from 'angular2/http';
import {Router} from 'angular2/router';

@Injectable()
export class MonBanquetService {

    constructor(public http: Http, private _router: Router) {
        console.log('MonBanquetServices created');
    }
}

我将这两个服务作为提供者放在boot.ts中：

bootstrap(AppComponent, [
    ROUTER_PROVIDERS,
    provide(LocationStrategy, {useClass: HashLocationStrategy}),
    HTTP_PROVIDERS,
    MonBanquetService,
    AuthService
]);

然而，当我运行应用程序时，我看到两个控制台日志“MonBanquetServices created”。 我认为服务应该是单例的，怎么会有两个实例呢

---

谢谢。

也许您已将服务添加到组件的“提供者”属性中。在这种情况下，将为每个组件实例创建一个服务实例。此服务不会考虑您在引导应用程序时指定的内容

这将是因为分层喷油器。关于更多细节，您可以看看这个问题：

---

实际上不应该。您必须确保没有将

提供者

元数据用于

@组件

装饰器
看看这里

---

努力实现你所展示的并按预期工作
Angular为每个提供程序维护一个实例。如果在多个位置添加类型作为提供程序，则会导致多个实例
当从DI请求密钥（类型、令牌）时，它会查找层次结构并从找到的第一个提供程序返回实例
因此，如果您想要一个全局实例，只需将其添加到
或者按照Angular团队的建议，将自定义提供程序添加到根组件的提供程序列表中

@Component({
  selector: 'my-app',
  providers: [MonBanquetService]
})
class AppComponent {
}

---

那么理想情况下，您应该只在引导依赖项中添加

AuthService

，这将通过内部获取

MonBanquetService

的实例。

@NgModule(
  providers: [MonBanquetService],
  ....
)
export class AppMpdule{}

@Component({
  selector: 'my-app',
  providers: [MonBanquetService]
})
class AppComponent {
}