navigate - routerlink params angular 5

Cómo pasar parámetros de consulta con un routerLink

Question

Quiero pasar un parámetro de consulta prop=xxx .

Esto no funciono

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

Answer 1

Esto es lo que hice, funciona bien.

http://yourdomain.com/user?id=121

<a [routerLink]="[''/user'']" [queryParams]="{id:''121'' }">User Profile</a>

Answer 2

queryParams

queryParams es otra entrada de routerLink donde se pueden pasar como

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

fragment

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

routerLinkActiveOptions

Para obtener también rutas activas, clase activa establecida en rutas principales:

[routerLinkActiveOptions]="{ exact: false }"

Para pasar parámetros de consulta a 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);

Ver también https://angular.io/guide/router#query-parameters-and-fragments