在Angular中具有多个参数的RouterLink

Question

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

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

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

我的路线看起来像:

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

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

Answer 1

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

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