如何在运行时更改NgModule配置

Question

有些模块会公开其服务配置，例如：

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

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

我能想到的只是把一些东西放在全球范围内并从那里阅读，但......感觉不对：）

Answer 1

创建注入器后，无法修改提供者。

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

@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();
  }
}