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

Question

我想创建一个指向带有多个参数的路由的链接，并在 tempalte 中绑定(bind)它们。到目前为止，我一直通过在 (click) 事件上执行函数来执行此操作，但我想知道在 RouterLink 的绑定(bind)中是否可行。

这是我用来绑定(bind)参数的函数:

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 ]"