Angular中具有多个参数的RouterLink答案

【问题标题】：RouterLink with multiple params in AngularAngular中具有多个参数的RouterLink
【发布时间】：2017-01-31 11:13:06
【问题描述】：

我想用多个参数创建一个指向路由的链接并将它们绑定到模板中。到目前为止，我一直在通过在(click) 事件上执行函数来做到这一点，但我想知道在RouterLink 的绑定中是否有可能。

这是我用来绑定参数的函数：

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

我的路线如下：

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

我可以在 routerLink 指令中做同样的事情吗？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

哈哈，在你编辑之前我一直在想我做错了什么。谢谢，它正在工作。我不知道为什么我在文档中找不到它。在第一个答案中，我试图和你一样做，它创建了：href="/category;cat=1;page=1".
@DawidZbiński 那是我的错。 :D 它将形成 ; 分隔的字符串，这是 wiered..
没关系，最后一切都很完美。再次感谢。
@DannyFardyJhonstonBermúdez 很高兴知道它有帮助:)

【解决方案2】：

你可以这样做，例如：-

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

希望对你有帮助，

谢谢

【讨论】：