angular2 und Routing - eine Abfrage Parm auf das Kind das Hinzufügen

Question

Wow

this.router.navigate(['/services', {outlets: {'servicelistright': ['servicelist']}}]); 

Wenn ich die unten auf die URL ich die Abfrage Parm bekommen und unter Verwendung von:

  http://localhost:4200/#/services/(servicelistright:servicelist;type=11) 

this.route.params.map(params => params['type']) 
      .subscribe(type => { console.log('stupid',type) }); 

Nun, ich denke nur wunderbar..wow toll ...

Aber wie auf der Erde füge ich den Abfrage-Parm hinzu?

1) unter Verwendung von router.navigate

this.router.navigate(['/services', {outlets: {'servicelistright': ['servicelist']}}]); 

wo füge I type = 11 ???

Oder mein Router

<a md-raised-button routerLinkActive="['active']" [routerLink]="['/services']" ">Raised button</a> 

Answer 1

Parameter werden in einer Form eines Objekts auf der Strecke übergeben. Zum Beispiel diese Abfrage-String zu erhalten:

/inbox/33;details=true/messages/44;mode=preview 

Sie folgende Array verwenden müssen:

['/inbox', 33, {details: true}, 'messages', 44, {mode: 'preview'}] 

Also in Ihrem Fall können Sie die type param wie das zu router.navigate passieren:

this.router.navigate(['/services', {outlets: {'servicelistright': ['servicelist', {type: 11}]}}]); 

hinter den Kulissen, routerLink ruft nur router.navigate, so können Sie die gleiche URL strin übergeben g der Richtlinie:

<a [routerLink]="['/services', {outlets: {'servicelistright': ['servicelist', {type: 11}]}}]">Go</a>