Angular中的多个嵌套模块和路由

时间:2019-03-07 08:03:02

标签: angular

我有一个类似于以下内容的项目结构:

app.module
––dashboard.module
-overview.module
–––– profile.module
–––––– favorite.module

您看到的是功能模块的四个级别。 (请考虑将它们也包含多个组件,等等。)


为这些模块设置路由的最佳方法是什么?

我将为每个模块设置一个路由模块,如下所示: app-routing.module,dashboard-routing.module,overview-routing.module(...)

但是在Angular中,这被认为是一种好习惯吗?如果没有,应该怎么做?

2 个答案:

答案 0 :(得分:1)

每个模块都应该有自己的路由文件,因此关注点保持独立。 这是一个好习惯,我认为您应该采用这种方法。

例如,身份验证模块应处理自己的路由,例如: / login,/ signup,/ forgot-password等。

答案 1 :(得分:0)

我认为,您不应该为单一类型的接口创建多个模块。在您的情况下,只有一个应用程序,而一个模块app.module就足够了。

现在的问题是其他模块的替代方法?

因此,您应该在单个app-routing.module文件中为仪表板,概述,配置文件,收藏夹创建组件并管理路线。

还有一点要记住,如果您有多个用户界面,例如adminsub-adminuser等,那么为每个界面维护模块将很容易,并且可以分别管理其路由。