कोणीय 2 v3 रूटर - कैसे बच्चे मार्ग में माता पिता के मार्ग पैरामीटर प्राप्त करने के लिए

Question

मैं एक मार्ग/abc/के रूप में परिभाषित किया है: आईडी/xyz

कहाँ एबीसी /: आईडी एक Componenta को हल करता है और/xyz एक बच्चे घटक है राउटर-आउटलेट में प्रदर्शित किया गया है (घटक बी)

जब मैं/abc /: id/xyz पर जाता हूं, जब मैं ऐसा करता हूं। compout.params.subscribe (...) (जहां मार्ग एक सक्रिय मार्ग है) घटक में मैं देखता हूं आईडी। ComponentB में एक ही चीज़ करते समय मैं नहीं देखता: आईडी। मैं अनुमान लगा रहा हूं कि सक्रिय रूट यूआरएल सेगमेंट का उपयोग कर रहा है।

क्या मार्ग में सभी पैरामीटर प्राप्त करने के लिए वैसे भी है?

Answer 1

Untested नीचे है कि पद से प्रासंगिक अनुभाग रेखांकित किया है, लेकिन Savkin's blog के अनुसार, बच्चे में निम्नलिखित डाल माता पिता घटक के रूटर पैरामीटर प्राप्त करने के लिए:

constructor(activatedRoute: ActivatedRoute, router: Router) { 
    const parentActivatedRoute = router.routerState.parent(activatedRoute); 
    this.id = parentActivatedRoute.params.map(routeParams => routeParams.id); 
} 

है कि कोड की तुलना करना Router guide में क्या है, आपको अपने टेम्पलेट में id के साथ AsyncPipe का उपयोग करने की आवश्यकता होगी, या आप subscribe() का उपयोग कर सकते हैं ... या आप snapshot का उपयोग कर सकते हैं यदि आपको यकीन है कि आईडी मान नहीं बदलेगा:

this.id = parentActivatedRoute.snapshot.params['id']; 

---

@Chris नीचे एक टिप्पणी में उल्लेख है: this.router.routerState.pathFromRoot(this.route) वर्तमान मार्ग के लिए नीचे सक्रिय मार्गों की एक सरणी वापस आ जाएगी। फिर आप सभी सक्रिय मार्गों के पैरामीटर प्राप्त कर सकते हैं।

अद्यतन: RouterState.pathFromRoot(someRoute)deprecated in master चिह्नित किया गया है। आरसी 5 में, ActivatedRoute.pathFromRoot() का उपयोग करें।

Answer 2

माता-पिता मार्ग परम डिफ़ॉल्ट रूप से बच्चे को पास नहीं किया जाता है लेकिन आप उन्हें बाल घटक के अंदर मूल मार्ग से एक्सेस कर सकते हैं। @ मार्क राजकोक ने आपको great post की ओर इशारा किया। मैं

@Component({ 
     selector: 'team', 
     template: ` 
     Team Id: {{id | async}} 
     <router-outlet></router-outlet> 
     ` 
    }) 
    class TeamCmp { 
     id:Observable<string>; 
     constructor(r: ActivatedRoute) { 
     this.id = r.params.map(r => r.id); 
     } 
    } 

    @Component({ 
     selector: 'details', 
     template: ` 
     Details for Team Id: {{teamId | async}} 
     ` 
    }) 
    class DetailsCmp { 
     teamId:Observable<string>; 
     constructor(r: ActivatedRoute, router: Router) { 
//get parent activated route. 
     const teamActivatedRoute = router.routerState.parent(r); 
     this.teamId = teamActivatedRoute.params.map(r => r.id); 
     } 
    } 

Answer 3

Mark's answer पर नजर रखने के लिए इस विधि कि कोणीय 2 के अंतिम संस्करण में काम करता है लगता है:

constructor(route: ActivatedRoute) { 
    let id = route.pathFromRoot[route.pathFromRoot.length - 1].snapshot.params["id"]; 
} 

अद्यतन: माता-पिता मार्ग स्नैपशॉट के लिए सीधी पहुँच here से:

constructor(route: ActivatedRoute) { 
    let id = route.snapshot.parent.params['id']; 
} 

अन्य विकल्पों के लिए Angular 2: getting RouteParams from parent component भी देखें।