Angular 2/4：如何在父级导航栏中显示子模块的所有导航条目？

在我的项目的UI设计的第一个版本中，有两个级别的导航。根级别只有4个链接：要素组A、B、C和D。每个要素组都有自己的要素：A1、A2…B1、B2…D1、D2。当用户单击应用程序根页面上的链接“a”时，a组的所有功能将显示在子导航栏上

我实现了这样的应用程序：创建了4个功能模块A、B、C和D。每个模块都有自己的路由配置（例如：文件夹A下的A-routing.module.ts）。第二级导航栏写在每个功能模块的组件模板中，例如：a.component.html。一切都很好

现在团队已经改变了GUI设计。根级导航栏上有一个下拉菜单。指向所有功能页的链接都组合在此下拉菜单栏中。重构我的实现以适应这个新的下拉菜单栏的最佳方式是什么？（我现在必须将所有2级navi链接推送到1级navi模板。app.component.html已更改为包含所有这些链接。但我是否也必须重构其他文件？以及如何重构？）

Angular 2对我来说比较新，我还在学习，非常感谢您的帮助

当前app.component.html如下所示：

我的应用程序
仪表板
服务目录
管理
轮廓

我刚试过。这是相对简单的。基本上，我只需要将模块html中的条目移动到根html，并对routerLink做一些细微的更改。例如，这一行：

---

服务状态

我刚试过。这是相对简单的。基本上，我只需要将模块html中的条目移动到根html，并对routerLink做一些细微的更改。例如，这一行：

服务状态