Angular 5动态侧边栏路由

Question

我帮助一个项目为我的公司建立一个仪表板。

我们的信息中心将有一个sidenav，此sidenav的内容将根据您所在应用程序的哪个部分而改变。

下面是一些意图的模型。

当用户导航到设置部分时，侧边栏会更新为设置中重要的链接，因此在此示例中，URL将是。

example.com/dashboard/settings/profile，如果用户导航说日历，它将更改为... / settings / calendar

我们确实有一个页面，但有点特殊。我们的CRM页面有一个相对简单的侧边栏，只有2个链接（例如... / crm / contacts / list），但是一旦你加载了客户联系人或公司的详细信息，其他链接就会附加到现有列表中。 （例如...... / crm / contacts / detail / 5）

此次要信息也将呈现在客户联系人/公司详细信息的下半部分。 （例如...... / crm / contacts / detail / 5 / addresses）

我正在寻找有关如何解决这个问题的建议，并从那里开始。 是否更好地使用1个组件，各个sidenavs的链接在他们自己的组件中并基于某些switchCase加载？

或者使用命名路由器插座动态加载sidenav？

或任何其他建议。

Answer 1

您可以为应用程序创建角度服务，该服务通过各种情况提供的菜单项来控制结构。因此，您可以根据每个应用程序零件的需求进行调度。