Question

仍然在使用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

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

Answer 1

应该是：

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

Angular2 RC1多级routerLink指令

1 个答案: