如何使用 routerLink 传递查询参数 [英] How to pass query parameters with a routerLink
本文介绍了如何使用 routerLink 传递查询参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想传递一个查询参数prop=xxx
.
I want to pass a query parameter prop=xxx
.
这没用
<a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]">
Somewhere
</a>
推荐答案
queryParams
queryParams
是 routerLink
的另一个输入,它们可以像
queryParams
is another input of routerLink
where they can be passed like
<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}">Somewhere</a>
片段
<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}" [fragment]="yyy">Somewhere</a>
routerLinkActiveOptions
还要获取在父路由上设置的路由活动类:
To also get routes active class set on parent routes:
[routerLinkActiveOptions]="{ exact: false }"
将查询参数传递给 this.router.navigate(...)
使用
To pass query parameters to this.router.navigate(...)
use
let navigationExtras: NavigationExtras = {
queryParams: { 'session_id': sessionId },
fragment: 'anchor'
};
// Navigate to the login page with extras
this.router.navigate(['/login'], navigationExtras);
另见https://angular.io/guide/router#query-参数和片段
这篇关于如何使用 routerLink 传递查询参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文