angular - Angular中具有多个参数的RouterLink

Question

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

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

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

我的路线看起来像：

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

我能做同样的内部routerLink指令吗？

Answer 1

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

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

Answer 2

你可以这样做，例如：-

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

希望能帮助到你，

谢谢