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

Question

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

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

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

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

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

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

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

问题

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

1. 定义AModule及其路由，并声明其组件
2. 定义BModule及其路由，并声明其组件
3. 定义CModule
4. 从CModule声明和导出XComponent
5. 在AModule 和BModule 中导入CModule
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'

谢谢

Answer 1

您可以将它们放在两个模块中，它可能仍然有效，您可以将预加载策略添加到您的 RouterModule.forRoot()，这两个路由都将可用。

我确实建议您将此路由拉到不同的功能模块，该模块在使用此路由的所有其他模块之前加载。这样不管能不能工作都不会有问题。

Answer 2

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

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