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

有些模块公开了他们的服务配置,例如：

> AngularFireModule.initializeApp(firebaseConfig),
> StoreModule.provideStore(reducer),
> RouterModule.forRoot(路由)……

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

我能想到的只是把一些东西放在全球范围内并从那里读取,但……感觉不对:)

解决方法

创建注入器后,无法修改提供程序.

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

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