angular – 在一个应用程序中存储多个ngrx

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

导读：我们是一个大型Angular应用程序模块的开发人员.模块彼此独立,由不同的团队开发.我们想在我们的模块中使用ngrx商店. 另一个模块已经有一个ngrx商店.如果我尝试以通常的方式将商店添加到我们的module.ts： @NgModule({ imports: [ ... StoreModule.provideStor

我们是一个大型Angular应用程序模块的开发人员.模块彼此独立,由不同的团队开发.我们想在我们的模块中使用ngrx商店.

另一个模块已经有一个ngrx商店.如果我尝试以通常的方式将商店添加到我们的module.ts：

@NgModule({
  imports: [
    ...
    StoreModule.provideStore( ... )
  ],...

它打破了整个应用程序.有没有办法为我们的模块提供单独的商店？

(app使用ngrx2)

解决方法

您可以将商店分开,您可以使用forRoot在启动时使用app模块加载核心商店,同时将metaReducers和initialState添加到其中

StoreModule.forRoot(reducers,{metaReducers: metaReducers,initialState: getInitialState})

对于延迟加载的模块,您可以将它们添加到以后使用的商店

StoreModule.forFeature('gallery',reducers,{initialState: getGalleryInitialState})

延迟加载是ver-4的一个新功能,我不认为ver-2支持划分你的状态,我只为选择器升级它们有助于减少代码并提高性能阅读更多关于它们here

（编辑：李大同）

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