如何通过routerLink传递查询参数 [英] How to pass query parameters with a routerLink

问题描述

我想传递查询参数prop=xxx.

这不起作用

<a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]>Somewhere</a>

推荐答案

queryParams

queryParams

queryParams是routerLink的另一个输入，可以像这样传递它们

queryParams is another input of routerLink where they can be passed like

<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}">Somewhere</a>

fragment

fragment

<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}" [fragment]="yyy">Somewhere</a>

routerLinkActiveOptions

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屋！