[英]passing multiple parameters to routerLink
我想使用 routerLink 导航到另一个组件,这是我的路由定义
{path: 'articles/:id/edit-translation/:translation_id',component: ArticleEditTranslationComponent}
将这两个参数(id,translation_id)传递给 routerLink 的正确格式是什么?
假设id
是 1, translation_id
是 2。那么你可以像下面的例子一样使用它
<a [routerLink]="['/articles/1/edit-translation/2']">
link to component
</a>
此外,如果您需要在组件中使用id
和translation_id
作为变量
在组件中
id = 1;
translation_id = 2;
在组件模板中,您可以像这样使用:有关更多详细信息,请参阅DOC
<a [routerLink]="['/articles', id, 'edit-translation', translation_id]">
link to component
</a>
或者像下面这样
<a [routerLink]="['/articles/'+ id +'/edit-translation/'+ translation_id]">
link to component
</a>
<a [routerLink]="['/articles', id, 'edit-translation', translation_id]"> link to another component</a>
更多参考, https://angular.io/api/router/RouterLink和https://angular.io/guide/router
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.