ModuleWithProviders / forRoot - 使用泛型作为提供者的类型参数答案

【问题标题】：ModuleWithProviders / forRoot - use generics as type parameter for a providerModuleWithProviders / forRoot - 使用泛型作为提供者的类型参数
【发布时间】：2019-09-07 14:58:33
【问题描述】：

我想知道为什么我不能这样做：

export class TopBannerModule {
  static forRoot<T>(): ModuleWithProviders {
    return {
      ngModule: TopBannerModule,
      providers: [ 
        { provide: AppNavigationServiceToken, useClass: T]
    };
  }
}

'T' 只指一个类型，但在这里被用作一个值

但是useClass 需要一个类型。

这是否可以在这里通过工厂使用泛型？

【问题讨论】：

不幸的是，您可能不得不使用参数而不是泛型。

标签： angular typescript generics typescript-generics

【解决方案1】：

正如@edric 所说，我们需要一个类型参数

export class TopBannerModule {
  static forRoot(typeOfAppNavigationService: typeof AppNavigationService): ModuleWithProviders {
    return {
      ngModule: TopBannerModule,
      providers: [ 
        { provide: AppNavigationServiceToken, useClass: typeOfAppNavigationService]
    };
  }
}

【讨论】：

顺便说一句，使用camelCase作为参数/参数是个好主意
而且您不必使用typeof 运算符 - 删除它。