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

Question

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

app.module
––dashboard.module
--overview.module
–––– profile.module
–––––– 收藏夹.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 等，那么维护每个界面的模块会很容易，并且可以管理它们的路由分开。