Angular：在具有所有依赖项的组件中提供类

Question

在 Angular (4+) 中，我想知道如何提供一个包含该类所有依赖项的可注入类。

示例：

DepMaster 是一个可注入对象，它又注入了依赖项，即：

DepServantA
DepServantB

如果我提供DepMaster，我还必须提供所有依赖项和子依赖项。以下不起作用：

@Component({
    // ...
    providers: [
       DepMaster
    ]
})

为了让它工作，我必须写

@Component({
    // ...
    providers: [
       DepMaster
       DepServant1,
       DepServant2,
    ]
})

在提供DepMaster 时，我不想打扰DepMaster 的哪些依赖项。我只想提供DepMaster 及其所有依赖项。

必须列出所有依赖项和子依赖项是不可能维护的。每当子依赖项发生变化时，我都必须更新用法。 这样，使用将取决于实现细节。

Answer 1

我的解决方案是在我的大师班中有一个依赖项列表。然后我可以把这个列表和大师班一​​起提供。

@Injectable()
export class MyMaster {

   // list of dependencies which have to be provided for this class
   static readonly PROVIDES: any = [
      AuGridBuilder,
      AuTableManager,
      AuTabBuilder,
      ApMenuBuilder
   ].concat(
      AuGridBuilder.PROVIDES,
      AuTableManager.PROVIDES,
      AuTabBuilder.PROVIDES,
      ApMenuBuilder.PROVIDES
   );

   constructor( private gridBuilder: AuGridBuilder,
                private tableManager: AuTableManager,
                private tabBuilder: AuTabBuilder,
                private menuBuilder: ApMenuBuilder )
   {
      // ...
   }

这是在每个可注入类中完成的。 然后在模块中，我可以轻松地提供 master 及其所有必须提供的依赖项：

providers: [ MyMaster, MyMaster.PROVIDES ]

Answer 2

对于这种要求，您可以为这些依赖项和您的 DepMaster 像这样制作单独的模块

@NgModule({
    declarations: [  ],
    imports: [],
    providers: [
       DepMaster,
       DepServant1,
       DepServant2,]
})
export class DevMasterModule { }

然后将这个模块导入到你想要提供这些服务的任何地方。例如

 @NgModule({
     declarations: [
            AppComponent
          ],
     imports: [
            BrowserModule, ReactiveFormsModule, DevMasterModule 
          ],
     providers: [],
     bootstrap: [AppComponent]
    })
 export class AppModule { }