Angular，应用模块中的动态 forRoot 值（基于 api）

Question

我需要向应用程序模块的 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 {
}

Answer 1

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

Angular，应用模块中的动态 forRoot 值（基于 api）

Angular, dynamic forRoot value (based on api) in app module

typescript

angular-module

angular