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

Question

我有一个类似于这样的项目结构：

应用模块
––dashboard.module
–– 概览.module
–––– profile.module
–––––– 收藏夹模块

您看到的是四个级别的功能模块。 （考虑它们也有多个组件等）

---

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

我会为每个模块设置一个路由模块，如下所示：app-routing.module、dashboard-routing.module、overview-routing.module (...)

但这是否被认为是 Angular 的好习惯？ 如果不是，应该怎么做呢？

Answer 1

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

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

Answer 2

在我看来，您不应该为单一类型的界面创建多个模块。 在您的情况下，只有一个应用程序和一个模块app.module就足够了。

现在的问题是另一个模块的替代方法？

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

应该记住的另一件事是，如果您有多个用户界面，如admin 、 sub-admin 、 user等，那么维护每个界面的模块会很容易，并且可以单独管理它们的路由。