¿Es posible pasar múltiples parámetros de ruta, por ejemplo, como a continuación, necesita pasar id1 e id2 al component B ?
@RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } }OK me di cuenta de un error .. tiene que ser /:id/:id2
De todos modos, no encontré esto en ningún tutorial u otra pregunta de StackOverflow.
@RouteConfig([{path: '/component/:id/:id2',name: 'MyCompB', component:MyCompB}]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } }Como se detalla en esta respuesta , las respuestas de mayur y user3869623 ahora se relacionan con un enrutador obsoleto. Ahora puede pasar múltiples parámetros de la siguiente manera:
Para llamar al enrutador:
this.router.navigate(['/myUrlPath', "someId", "another ID"]);En rutas.ts:
{ path: 'myUrlpath/:id1/:id2', component: componentToGoTo},Dos métodos para pasar múltiples parámetros de ruta en Angular
Método 1
En app.module.ts
Establezca la ruta como componente2.
imports: [ RouterModule.forRoot( [ {path: 'component2/:id1/:id2', component: MyComp2}]) ]Llame al enrutador para navegar a MyComp2 con múltiples parámetros id1 e id2.
export class MyComp1 { onClick(){ this._router.navigate( ['component2', "id1","id2"]); } }Método-2
En app.module.ts
Establezca la ruta como componente2.
imports: [ RouterModule.forRoot( [ {path: 'component2', component: MyComp2}]) ]Llame al enrutador para navegar a MyComp2 con múltiples parámetros id1 e id2.
export class MyComp1 { onClick(){ this._router.navigate( ['component2', {id1: "id1 Value", id2: "id2 Value"}]); } }