具有相同 URL 的 Angular 2 路由？ [复制]答案

【问题标题】：Angular 2 routes with same URL? [duplicate]具有相同 URL 的 Angular 2 路由？ [复制]
【发布时间】：2016-01-11 22:22:51
【问题描述】：

像 Angular UI Router 一样，Angular2 中是否可以有多个具有相同 URL 的路由？例如以下两条路线：

{ path: '/home', name: 'Home', component: HomeComponent} ,
{ path: '/home', name: 'Dashboard', component: DashboardComponent}

目前，控制台中出现路由冲突的错误。

【问题讨论】：

【解决方案1】：

如果你想要 ui-router 样式命名为 ui-view，你可以使用 AuxRoute。

【讨论】：

感谢您的回答@TheKojuEffect。问题是关于指向同一个 url 的多个视图，但每个视图都像一个完整的内容页面。顺便说一句，AuxRoutes 是一个不错的概念。

【解决方案2】：

您可以查看Angular2 - two components with the same route，那里讨论了可能的解决方案以实现您的目标。

在模板中使用 *ngIf 以根据评估条件使用不同的选择器。

<home-logged-in *ngIf="authenticated()"></home-logged-in>
<home-logged-out *ngIf="!authenticated()"></home-logged-out>

创建自定义路由器插座，它将根据评估条件加载特定组件。
根据评估条件重定向到不同的路由（参见源代码http://www.captaincodeman.com/2016/03/31/angular2-route-security/）

此列表不是决定性的，可能还有其他方法可以实现您的目标。

【讨论】：