Übergeben mehrerer Routenparameter in Angular2

Ist es möglich, mehrere Routenparameter zu übergeben, zB wie unten müssen id1und id2an die übergeben werdencomponent B

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

OK hat einen Fehler erkannt .. es muss sein /:id/:id2

Jedenfalls wurde dies in keinem Tutorial oder einer anderen StackOverflow-Frage gefunden.

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

Wie in dieser Antwort beschrieben , beziehen sich die Antworten von mayur & user3869623 jetzt auf einen veralteten Router. Sie können jetzt mehrere Parameter wie folgt übergeben:

So rufen Sie den Router an:

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

In route.ts:

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

Zwei Methoden zum Übergeben mehrerer Routenparameter in Angular

Methode 1

In app.module.ts

Pfad als Komponente festlegen2.

imports: [
 RouterModule.forRoot(
 [ {path: 'component2/:id1/:id2', component: MyComp2}])
]

Rufen Sie den Router auf, um MyComp2 mit mehreren Parametern id1 und id2 zu navigieren.

export class MyComp1 {
onClick(){
    this._router.navigate( ['component2', "id1","id2"]);
 }
}

Methode 2

In app.module.ts

Pfad als Komponente festlegen2.

imports: [
 RouterModule.forRoot(
 [ {path: 'component2', component: MyComp2}])
]

Rufen Sie den Router auf, um MyComp2 mit mehreren Parametern id1 und id2 zu navigieren.

export class MyComp1 {
onClick(){
    this._router.navigate( ['component2', {id1: "id1 Value", id2: 
    "id2  Value"}]);
 }
}

      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"}]);
          }
        }