Come modificare solo l'aux: outlet in Angular2 Router @ 3 (Vladivostok)

Question

Ho una tabella utenti. Quando clicco su un utente, voglio una modale con alcuni dei suoi dati lassù. Come posso attivare la modifica del percorso solo per il router ausiliario? E come lo farei in primo luogo, comunque?

Quello che voglio è essenzialmente per andare da:

/users 

a

/users(aux:/user:12345) 

(12345 sarebbe l'userId qui.)

Preferibilmente voglio navigare senza ricaricare la pagina, ovviamente :)

Come collegarmi a questo tramite l'attributo [routerLink] e come via chiamare manualmente router.navigate?

Answer 1

tuo config del router:

... 
{ path: 'user/:id', component: UsersComponent, outlet: 'aux' } 
... 

Utilizzando routerLink:

<a [routerLink]="[{ outlets: { 'aux': ['user', '12345'] } }]"> 
    Component Aux 
</a> 

dal componente:

this.router.navigate([{outlets: {aux: 'user/12345'}}]);