如何在Angular 4 app中设置ngrx?

时间:2017-10-20 14:18:20

标签: angular ngrx ngrx-store

我有一个Angular 4应用程序。

如何将Store注入每个组件以及如何在保留项目结构的同时处理不同文件中的reducer?

我看到ngrx/example-app,但由于我的应用程序会有很多组件,因此该结构不符合我的需求,我无法弄清楚如何将ngrx编织到我的应用程序中。

项目结构如下:

  • 应用
    • 特征
      • 用户
        • 简档
          • profile.actions.ts
          • profile.reducer.ts
          • profile.service.ts
          • profile.component.ts
          • profile.component.html
          • profile.component.less
        • user.module.ts
        • user.routing.module.ts
      • 市场
        • ... (类似于用户)
      • 管理员
        • ... (类似于用户)
    • app.component.ts
    • app.module.ts
    • app.routing.module.ts
    • app.store.ts
    • main.reducer.ts

是否可以使用ngrx,因为我们使用角度路由?我的意思是,我们可以在应用程序中将路由分离为主模块和子模块,然后使用RouterModule.forChild(userRoutes)方法将其导入到应用程序的特定模块中。

0 个答案:

没有答案