angular - Angular 2:在引导前进行外部配置-将值传递给AppModule

我想从外部json文件配置我的Angular 2应用程序。

在我的 main.ts 中，我加载 config.json

getHttp().get('/config.json')
         .map(response => response.json();)
         .subscribe(
           data => {
             let clientConf: ClientConfig = data;

             // here I want to pass clientConf to AppModule
             platformBrowserDynamic().bootstrapModule(AppModule);

          });

我想知道如何将 clientConf 传递给AppModule以在 app.module.ts 中使用:

@NgModule({
     ...
    providers: [
          { provide: Configuration, useValue: clientConf }
           ...

最佳答案

这是我的解决方案:

....
.subscribe(
       data => {
         let clientConf: ClientConfig = data;

         // here I want to pass clientConf to AppModule
          platformBrowserDynamic(
                [{ provide: ClientConfig, useValue: clientConf }]
                ).bootstrapModule(AppModule);

      });

我没有将 clientConf 传递给 AppModule ，而是将 ClientConfig 设置为 platformBrowserDynamic 的 extraProvider 。

然后，如果您想使用 ClientConfig ，只需注入它:

@Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

   constructor(private clientConfig: ClientConfig) { }
   .....