5

angeben Ich experimentiere den neuen Router (Version 3.0.0-Alpha.7) und würde gerne wissen, wie Abfrageparameter von RouterLink-Anweisung angegeben werden?Wie kann ich Abfrageparameter von RouterLink-Direktive

Die Router.navigate() -Methode unten erzeugt eine URL wie http://localhost:3000/component-a?x=1

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

aber ich kann nicht herausfinden, wie die gleiche Sache mit der Router Richtlinie zu tun. Vorlage wie unten kehrt Parserfehler ...

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

Und das nächste, was ich bekommen kann, ist http://localhost:3000/component-a;x=1, die die Syntax für die Kinder Route verwendet.

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

Antwort

12

Sie können in der neuen Router-Komponente

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

wie diese etwas tun, können Sie es auf diese Weise tun:

einen Parameter in der URL übergeben:

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

Übergabe des Abfrageparameters:

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

Wo ist das dokumentiert? Ich sehe das nicht in der [Hauptfiliale] (https://github.com/angular/angular/blob/master/modules/@angular/router/src/directives/router_link.ts). –

+0

@Bernardo Pacheco Wie machst du das und übergibst eine Variable für 'x: 1'? Sehen Sie sich https://stackoverflow.com/q/46574652/1440240 an – BenRacicot

Verwandte Themen