Angular2

Question

में एकाधिक मार्ग पैराम पास करना क्या एकाधिक मार्ग पैराम पास करना संभव है। की तरह नीचे एक गलती का एहसास 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

ठीक करने के लिए id1 और id2 पास करनी होगी .. यह /:id/:id2

वैसे भी किसी भी ट्यूटोरियल या अन्य StackOverflow सवाल में इस नहीं मिला हो गया है।

@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

के रूप में विस्तृत इस answer में, मयूर & user3869623 के जवाब चलो अब एक पदावनत रूटर से संबंधित कर रहे हैं। इस प्रकार अब आप एक से अधिक पैरामीटर पारित कर सकते हैं:

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

routes.ts में:

रूटर कॉल करने के लिए // कोणीय:

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

यहाँ