5

Sto sperimentando il nuovo router (versione 3.0.0-alpha.7) e vorrei sapere come specificare i parametri di query dalla direttiva routerLink?Come specificare i parametri di ricerca in base alla direttiva routerLink

Il metodo Router.navigate() sotto genera un URL del tipo http://localhost:3000/component-a?x=1

this.router.navigate(['/component-a'], {queryParams: {x: 1}}); 

Tuttavia, non riesco a capire come fare la stessa cosa con la direttiva routerLink. Template come ritorna sotto errore del parser ...

<a [routerLink]="['/component-a'], {queryParams: {x: 1}}">Component A</a> 

E la cosa più vicina che può ottenere è http://localhost:3000/component-a;x=1, che utilizza la sintassi per percorso bambini.

<a [routerLink]="['/component-a', {x:1}]">Component A</a> 

risposta

12

Si può fare qualcosa di simile

<a [routerLink]="['/component-a']" [queryParams]="{x: 1}">Component A</a> 
0

Nel nuovo componente router, è possibile farlo in questo modo:

Passare un parametro nella URL:

<a [routerLink]="['/component-a', 1]">Component A</a> 

Passing e parametro di query:

<a [routerLink]="['/component-a', { x: 1 }]">Crisis Center</a> 
+0

Dove è documentato? Non lo vedo nel [ramo principale] (https://github.com/angular/angular/blob/master/modules/@angular/router/src/directives/router_link.ts). –

+0

@Bernardo Pacheco come lo fai e passa una variabile per 'x: 1'? Puoi dare un'occhiata a https://stackoverflow.com/q/46574652/1440240 – BenRacicot

Problemi correlati