Angular2 RC1 多级 routerLink 指令答案

【问题标题】：Angular2 RC1 multi level routerLink directiveAngular2 RC1 多级 routerLink 指令
【发布时间】：2016-09-16 11:54:00
【问题描述】：

从 Angular2 RC.1 开始，新组件路由器仍在苦苦挣扎。

我的应用程序组件以这种方式组装：

Main
 - NavigationBarComponent
 - ContentComponent
   - UserComponent
     - UserSettingsComponent
     - UserNotificationComponent
   - CarComponent
     - CarDetailsComponent 
     - ...

路由适用于 ContentComponent 及其所有子组件。问题是在 NavigationBarComponent 中创建路由，这是一个永久可见的组件，提供了一些组件的快捷方式。

如果我组装一个从 NavigationBarComponent 到 UserSettingsComponent 的链接，路由应该如下所示：

/user/:id/settings

我设法用这个创建了这样一个链接：

<a [routerLink]="['/user/'+loggedInUser.id+'/settings']">

不过，像这样连接一个链接看起来非常丑陋和错误。我尝试了一种语法，就像它在 beta 版本的弃用路由中使用的那样

 <a [routerLink]="['/user/:id/settings',{'id':loggedInUser.id}]">

但输出看起来像这样：

/user/:id/settings;id=56edad04c506d7e7963edd48

我在文档或实时示例中找不到此要求的任何示例。有什么建议？提前致谢。

【问题讨论】：

标签： angularjs routing routes angular rc

【解决方案1】：

应该是：

<a [routerLink]="['/user', 'loggedInUser.id', 'settings']">

【讨论】：

太棒了。而已。谢谢！