在Angular中具有多个参数的RouterLink

发布时间：2020-12-17 07:30:51 所属栏目：安全来源：网络整理

导读：我想创建一个带有多个参数的路由链接,并将它们绑定在tempalte中.到目前为止,我一直在通过执行on(click)事件来执行此操作,但我想知道在RouterLink的绑定中是否可能. 这是我用来绑定参数的函数： redirect() { this._router.navigate( ['/category',{ cat: thi

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

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

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

我的路线看起来像：

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

我能否在routerLink指令中做同样的事情？

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!