angular - 指向同一组件的单独模块中的角度路线

Question

我正在将单模块角度应用程序重构为多个功能模块。

除了更好的代码，我的重点是实现特性模块的延迟加载。

我有一组组件可以组织成两个功能模块，每个模块都有自己的路线。

对于一般情况，我确实知道该怎么做。

但是，我有一个更特殊的情况，因为两个功能模块都会有一条指向相同的路线XComponent，如下所示

{path: /a-module/x, component: XComponent}

{path: /b-module/x, component: XComponent}

问题

在开始重构之前，我想知道以下解决方案是否可行。

1. 定义AModule及其路由，并声明其组件
2. 定义BModule及其路由，并声明其组件
3. 定义CModule
4. XComponent申报和出口CModule
5. 导入和CModule_AModuleBModule
6. 添加{path: /a-module/x, component: XComponent}到AModule的路线
7. 添加{path: /b-module/x, component: XComponent}到BModule的路线
8. AModule延迟加载loadChildren: 'app/a/a.module#AModule'
9. BModule延迟加载loadChildren: 'app/b/b.module#BModule'

谢谢

标签： angularlazy-loadingangular-routingangular-module

Answer 1

当然。CModule 扮演模块的角色，大多数开发人员称之为 SharedModule。

AModule 和 BModule 将获得自己的 CModule 副本。