我有两个服务：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请求密钥（类型，令牌）时，它将查找层次结构，并从找到的第一个提供程序中返回实例。
因此，如果要使用全局实例，只需将其添加到
bootstrap(AppComponent, [MonBanquetService])
@NgModule(
providers: [MonBanquetService],
....
)
export class AppMpdule{}
或由Angular团队建议为自定义提供程序提供给根组件的提供程序列表
@Component({
selector: 'my-app',
providers: [MonBanquetService]
})
class AppComponent {
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句