javascript - angular 2 transient 提供者而不是单例

Question

我有提供者，我想将其作为 transient 而不是单例。我知道我可以手动创建对象，但我仍然想通过依赖注入(inject)器解决依赖关系。

export class HubServiceBase {

    private readonly hubAuthorizationQueryParameter = 'authToken';

    onCreate = new EventEmitter<any>();
    connectionEstablished = new EventEmitter<Boolean>();
    connectionExists = false;

    private _hubConnection: any;

    constructor(public authManager: AuthenticationProvider) {            
    }

    initialize(hubSubRoute: string): void{
        const accessToken = this.authManager.getRawAccessToken();

        let hubUrl = environment.baseUrl + hubSubRoute;
        if (accessToken) {
            hubUrl += '?' + this.hubAuthorizationQueryParameter +'=' + accessToken;
        }

        this._hubConnection = new HubConnectionBuilder()
                                .withUrl(hubUrl)
                                .build();
    }
//...
}

可以从不同的服务调用初始化函数，它维护着我的服务器的网络套接字。可以同时打开多个套接字。

每次页面请求时，如何从依赖注入(inject)器获取新的依赖注入(inject)器？

Answer 1

在 @Component 装饰器中使用 providers 属性。

@Component({
  selector: 'selector-name',
  templateUrl: './template.component.html',
  providers: [ SomeService ]
})

文档(不是很好):https://angular.io/api/core/Component

示例:https://stackblitz.com/edit/angular-playground-vewqis?file=app%2Fhello-framework%2Fcomponents%2Fcounter%2Fcounter.component.ts