如何通过routerLink传递查询参数

我想传递一个查询参数prop=xxx。

这没用

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

queryParams

queryParams是routerLink他们可以通过的另一个输入

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

fragment

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

routerLinkActiveOptions

要同时获得在父路由上设置的路由活动类，请执行以下操作：

[routerLinkActiveOptions]="{ exact: false }"

传递查询参数以this.router.navigate(...)使用

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-parameters-and-fragments