2016-09-22 109 views
6

我正在处理具有多个参数的路由。我想为此路由创建RouterLink并绑定两个参数。我试图通过执行(click)事件的功能来做到这一点,但我想知道在RouterLink绑定中是否可能。具有多个参数的RouterLink

如果任何人的好奇,这里是我使用绑定参数功能:

redirect() { 
    this._router.navigate(['/category', { cat: this.category, page: this.page }]); 
} 

我的路线是这样的:

{ 
    path: 'category/:cat/:page', 
    component: PostComponent 
} 

回答

10

是的,当然,你可以使用routerLink形成href动态标记导航。数组中的值,其中每个值将根据组件上下文进行评估。

[routerLink]="['/category', category, page ]" 
+0

哈哈,我其实是想什么我做错了,直到你编辑。谢谢,它正在工作。我不知道为什么我在文档中找不到它。我试图在第一个答案中与你做同样的事情,并且它创建了:href =“/ category; cat = 1; page = 1”。 –

+0

@DawidZbiński那是我的不好。 :D它会形成''''分开的字符串是wiered .. –

+1

没关系,最后一切都很完美。再次感谢。 –

1

,你可以不喜欢它,例如: -

<p *ngFor="let emp of employees; let i = index"> 
    <li><a [routerLink]="['delete', i]">{{emp.name}}</a>({{emp.status}})</li> 
</p> 

希望它能帮助,

感谢