app 模块中的 Angular 动态 forRoot 值基于 api

如何解决app 模块中的 Angular 动态 forRoot 值基于 api

我需要在应用模块的 ngModule 中提供一个动态值，由 api 获取（可以说是 api 获取配置）

所以我有下面的模块，我需要根据配置更新 rootUrl。我需要调用/config api并获取结果然后将其传入。但是，我尝试了多种方法并没有成功。有解决办法吗？

@NgModule({
  declarations: [
    AppComponent
  ],imports: [
    browserModule,browserAnimationsModule,HttpClientModule,AppRoutingModule,ApiModule.forRoot({rootUrl: config.url})   <-- HERE
  ],providers: [
    AppConfig,{
      provide: APP_INITIALIZER,useFactory: (config: AppConfig) => () => config.load(),deps: [AppConfig],multi: true
    },],bootstrap: [AppComponent]
})
export class AppModule {
}

解决方法

所以我找到了另一种方式来做我需要的事情。这个的目的是根据配置初始化我的端点的基本 url。这也可以使用拦截器覆盖请求 url 来实现