Question

在angularJS中，ui-router允许我们使用状态使用相同路径的2个组件（如本例Angular UI Router: Different states with same URL?中所示）。

是否有可能在angular2中实现相同的行为？如果可以，您可以链接/提供一些示例或解决方法吗？

此处的用例类似于Facebook或Twitter，其中URL保持不变，但内容会根据您是否登录而更改。

到目前为止，我能想到实现这一目标的唯一方法是在'父'模板中使用* ngIf来选择两个'子'组件之一的选择器。像这样：

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

有什么建议的方法吗？

由于

Answer 1

您可以拥有包含

等参数的路线

/article/:id/detail

/article/123/detail和/article/abc/detail导致相同的组件。

例如参见本教程https://angular.io/docs/ts/latest/tutorial/toh-pt5.html（搜索＆＃34;使用参数配置路由＆＃34;）