/ / Angular 2 @ angular / router 3.0.0-alpha.7 - Accesso a più parametri - angular, angular2-routing

Angolare 2 @ angolare / router 3.0.0-alpha.7 - Accesso a più parametri - angolare, angolare2-routing

Sto solo provando il nuovo router in Angular 2 annunciato di recente, ovvero Angular 2 @ angular / router 3.0.0-alpha.7

So che nel nuovo router possiamo accedere ai parametri del percorso usando il codice seguente:

this.activatedRoute.params
.map(params => params["id"])
.subscribe((id) => {

//use param id

});

Qualcuno può guidare come possiamo gestire il caso in cui abbiamo più parametri multipli nel nostro percorso?

Intendo come recuperare i valori di più parametri dalla route.

risposte:

2 per risposta № 1

Un modo per farlo è usare Gestione dei parametri e destrutturazione come questo:

this.activatedRoute.params
.map(params => [params["id"], params["p2"], params["p3"]]) <== pass desired array
.subscribe(([id, p2, p3]) => { <== destructuring params
//use param id, p2 or p3
});

Vedi anche il componente HeroDetailComponent qui http://plnkr.co/edit/JtuOAZsZPhkn1CISQaO9?p=preview

Oppure puoi scrivere un po 'semplice:

this.activatedRoute.params
.subscribe(({id, p2, p3}) => { <== destructuring params
//use param id, p2 or p3
});

Campione di plunker (HeroDetailComponent)