angular - 如何在运行时更改 NgModule 配置

Question

有一些模块暴露了他们的服务配置，例如:

• AngularFireModule.initializeApp(firebaseConfig),
• StoreModule.provideStore(reducer),
• RouterModule.forRoot(routes)...

我如何在运行时重新配置其中之一？例如，用户选择两个链接之一，不同的模块被延迟加载和配置不同......我如何将数据传递给这个新的 NgModule？

我所能想到的就是将一些东西放在全局范围内并从那里读取它，但是......感觉不对:)

Answer 1

注入(inject)器创建后无法修改提供者。

您可以创建一个服务，根据状态提供不同的实例。

@Injectable()
class ProviderService {
  constructor(injector:Injector) {}

  set firebaseConfig(firebaseConfig) {
    let resolvedProviders = ReflectiveInjector.resolve([AngularFireModule.initializeApp(firebaseConfig)]);
    this.childInjector = ReflectiveInjector.fromResolvedProviders(resolvedProviders, this.injector);    
  }

  get firebase ():AngularFireModule {
    return this.childInjector.get(AngularFireModule);
  }
}

然后像这样使用它

class MyComponentOrService {
  constructor(provider:ProviderService) {}

  changeFirebase() {
    this.provider.firebaseConfig = ...;
    this.fb = this.provider.firebase;
  }

  doSomething() {
    this.fb.xxx();
  }
}