Übergeben mehrerer Routenparameter in Angular2

Question

Ist es möglich, mehrere Routenparameter zu übergeben, z. wie müssen unter id1 und id2 zur realisierten component B

@RouteConfig([ 
    {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } 
]) 
export class MyCompA { 
    onClick(){ 
    this._router.navigate(['MyCompB', {id: "someId", id2: "another ID"}]); 
    } 
} 

Answer 1

OK passieren einen Fehler .. es /:id/:id2

Wie dem auch sei dies in jedem Tutorial oder andere Frage Stackoverflow nicht das finden sein muss.

@RouteConfig([{path: '/component/:id/:id2',name: 'MyCompB', component:MyCompB}]) 
export class MyCompA { 
    onClick(){ 
     this._router.navigate(['MyCompB', {id: "someId", id2: "another ID"}]); 
    } 
} 

Answer 2

 new AsyncRoute({path: '/demo/:demoKey1/:demoKey2', loader:() => { 
     return System.import('app/modules/demo/demo').then(m =>m.demoComponent); 
     }, name: 'demoPage'}), 
     export class demoComponent { 
     onClick(){ 
      this._router.navigate(['/demoPage', {demoKey1: "123", demoKey2: "234"}]); 
      } 
     } 

Answer 3

Wie detailliert in diesen answer ist im Zusammenhang mayur & user3869623 Antwort ist jetzt zu einem veralteten Router. Sie können nun mehrere Parameter übergeben, wie folgt:

Router zu nennen:

this.router.navigate(['/myUrlPath', "someId", "another ID"]); 

In routes.ts:

{ path: 'myUrlpath/:id1/:id2', component: componentToGoTo},