Question

我最近将角度应用程序从RC1升级到RC5。

在RC1中，我在app.component.ts中定义了路线：

@RouteConfig([
  { path: '/dashboard', name: 'Dashboard', component: DashboardContainer, useAsDefault: true },
  { path: '/dashboard/:id/:name', name: 'DashboardName', component: DashboardContainer }
])

在模板中，我使用以下方式生成链接：

{p> <a [routerLink]="[/Dashboard, routeParams]"> ... </a>其中routeParams为{ } 生成一个链接 <a href="/dashboard">...</a>

{p> <a [routerLink]="[/DashboardName, routeParams]"> ... </a>其中routeParams为{ id: 2, name: 'joy' } 生成一个链接 <a href="/dashboard/2/joy">...</a>

如何在RC5中实现相同目标？

Answer 1

我认为你想要的是像

<a [routerLink]="['/dashboard', 2]"> ... </a>
<a [routerLink]="['/dashboard/' + 2]"> ... </a>
<a routerLink="{{'/dashboard/' + 2}}"> ... </a>

<a [routerLink]="['/dashboard', 2, name]"> ... </a>
<a [routerLink]="['/dashboard/' + 2 + '/' + name]"> ... </a>

假设id且名称是路由器参数。

传递数组会将它们添加为查询或矩阵参数。

<a [routerLink]="['/dashboard', {id: 2, 'name': name}]"> ... </a>

Angular 2 RC5 - 在参数中使用动态值进行路由

1 个答案: