Angular NGRX多个商店

时间:2020-07-12 21:51:14

标签: angular ngrx

  • 角度10
  • ngrx /商店:9.2.0

您好,我有一个包含多个商店的应用程序,给我一个实例,我有用户和角色, 每个用户都属于一个角色,并且每个角色都有自己的属性,

  • 用户(id,全名,role_id,状态等)
  • 角色(id,名称,资源等)

我已经为角色完全设置了NGRX,CRUD操作正常,现在也是时候开始为User设置商店了,但是User模块有点不同,例如在我要显示的用户数据表中角色的名称和资源,现在的问题是:

  1. 我应该为User创建一个特殊的模型,该模型包含用户列以及其他cols角色名称和资源,还是应该通过将角色ID传递给角色服务并使用用户效果从服务器获取角色信息,并且使用角色信息更新状态?如果可以,请给我一个提示吗?

  2. 在NGRX中,
  3. 模型应该保持原样,并且在其他组件中,我可以获取其他商店的信息,例如,用户模型保持原样并自己执行CRUD以及Role和在获取用户信息的用户数据表组件中,将角色ID传递给角色操作以获取角色信息?架构应该是这样还是什么?

我正在使用延迟加载,每个模块都在其自己的文件夹内:

modules:
- user
-- components
-- store
--- user.model.ts
--- user.actions.ts
--- user.effects.ts
--- user.reducer.ts
--- user.selectors.ts
- user.module.ts
- user-routing.module.ts

- Role
-- components
-- store
--- role.model.ts
--- role.actions.ts
--- role.effects.ts
--- role.reducer.ts
--- role.selectors.ts
- role.module.ts
- role-routing.module.ts

1 个答案:

答案 0 :(得分:1)

您的商店设置对我来说很好。 如果要连接商店的多个切片,则可以使用选择器。 有关更多信息和示例,请参见我的博客文章Sharing data between modules is peanuts