Angular Google Maps (AGM)：在 app.module 中获取 Api Key

Question

我正在为我的 Angular 6 应用程序使用Angular Google Maps (ngm)。 我想将 api 密钥存储在我的 config.json 文件中并通过配置服务读取它。 配置服务已在 APP_INITIALIZER 中调用，如下所示：

应用程序模块.ts：

  export function initializeData(appConfig: AppConfig, authService: AuthService, localeService: LocaleService, clientConfigService: ClientConfigService, globalService: GlobalService) {
  return () => {
    try {
      return appConfig.load().then(() => {
        return Promise.all([authService.authenticateClient(), //...some other configs...//]).then((results) => {
          return Promise.resolve();
        }, (err) => {
          return Promise.reject(err);
        });
      });
    } catch (e) {
    }

  }
}

@NgModule({
providers: [
 AppConfig,
 {
      provide: APP_INITIALIZER,
      useFactory: initializeData,
      deps: [AppConfig, AuthService],
      multi: true
    },
],
imports: [
 AgmCoreModule.forRoot(),
]
});

我还导入了 AgmCoreModule。 我知道我必须编写一个提供程序来延迟加载 api 密钥，如下所示：

{ provide: LAZY_MAPS_API_CONFIG, useClass: GoogleMapConfigService },

在 GoogleMapConfigService 类中，我必须从配置中访问 API KEY： AppConfig.settings.googleMapsApiKey;

问题是 - appconfig.settings 未定义，因为在调用GoogleMapConfigService时 app_initializer 可能尚未执行。

我应该怎么做才能解决这个问题？

Answer 1

尝试在“提供者”中声明 AppConfig，如下所示：

providers: [
 AppConfig,
 {
      provide: APP_INITIALIZER,
      useFactory: initializeData,
      deps: [AppConfig, AuthService],
      multi: true
    },
]