在Angular 7中将环境变量从一个模块传递到另一个模块

Question

我正在处理具有两个应用程序（应用程序 A，应用程序 B）的项目。这两个应用程序使用了大约 100 个组件。所以我创建了一个 Angular 库并将这些组件组织在模块中。一切正常。当我需要将环境传递给库中的模块时，我被卡住了。

@NgModule({
 imports:[
 LibModule2, // need to pass environment from LibModule1
 LibModule3,
]
})
export class LibModule1{
  export function forRoot(environment):ModuleWithProviders{
   return {
       ngModule:LibModule1,
       providers:[
        {provider:ENV, useValue:environment}
       ]
   }
 }
}


//App1

@NgModule({
  imports:[
   LibModule1.forRoot(environment)
  ]
})
export class AppModule(){}

我只需要应用程序中的 LibModule1。但也需要将环境传递给 LibModule2、LibModule3。我怎样才能做到这一点？我是否以错误的方式接近它？

Answer 1

我有一段时间遇到这样的问题，我找到的最佳解决方案是：

将静态类添加到您的库模块中：

export class Lib1Module {
  static forRoot(config: any): ModuleWithProviders {
    return {
      ngModule: Lib1Module,
      providers: [{provide: 'config', useValue: config}]
    };
  }
}

export class Lib2Module {
  static forRoot(config: any): ModuleWithProviders {
    return {
      ngModule: Lib2Module,
      providers: [{provide: 'config', useValue: config}]
    };
  }
}

然后将environment 从app.module 传递给您的Lib1Module 和Lib2Module 像这样：

imports:[
    CommonModule,
    BrowserAnimationsModule,
    ReactiveFormsModule,
    HttpClientModule,
    RouterModule,
    BrowserModule,
    FormsModule,
    GigLib1Module.forRoot(environment),
    GigLib2Module.forRoot(environment)
]

现在，environment 文件已注入到您的库中。

使用方法：

environment :any
constructor(@Inject('config') config) 
{         
     if (config) {
     this.environment = config;
   } 
}

现在可以轻松地从主项目更改环境。