angular - 如何在 Angular 2 应用程序启动之前读取配置文件？

Question

在 Angular 2 框架渲染任何组件或服务之前，我需要来自 json 文件的一些配置数据。我还没有找到任何好的工作解决方案来实现这一目标。

我使用 Angular 2 RC6 在与 Angular 1 的混合模式下工作，因此我使用升级适配器来执行引导。

您有什么想法可以实现我的需求吗？

Answer 1

查看此博客:https://www.cidean.com/blog/2019/initialize-data-before-angular-app-starts/

它使用APP_INITIALIZER在应用启动之前 Hook AppConfigService并获取数据。另请参阅博客以了解 AppConfigService 的实现。

import { NgModule, APP_INITIALIZER } from '@angular/core';
import { AppConfigService } from './services/app-config.service';

export function appInit(appConfigService: AppConfigService) {
  return () => appConfigService.load();
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
  ],
  providers: [AppConfigService,
    {
      provide: APP_INITIALIZER,
      useFactory: appInit,
      multi: true,
      deps: [AppConfigService]
    }],
  bootstrap: [AppComponent]
})
export class AppModule { }