Angular2 RC1 多级 routerLink 指令

Question

仍在为 Angular2 RC.1 的新组件路由器而苦苦挣扎。

我的应用程序的组件 assembled 是这样的：

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

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

如果我 assemble 从 NavigationBarComponent 到 UserSettingsComponent 的 link，路由应该如下所示：

/user/:id/settings

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

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

像这样连接一个 link 看起来很丑陋而且是错误的。我尝试了一种语法，就像它在 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 指令

Angular2 RC1 multi level routerLink directive

routing

routes

rc

angularjs

angular