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

发布时间：2020-12-17 07:01:35 所属栏目：安全来源：网络整理

导读：有些模块公开了他们的服务配置,例如： AngularFireModule.initializeApp(firebaseConfig), StoreModule.provideStore(reducer), RouterModule.forRoot(路由)…… 我如何在运行时重新配置其中一个？例如,用户选择两个链接中的一个,并且不同的模块是延迟加载和

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!