कोणीय 2 आरसी 5

Question

में मार्ग पैरामीटर कैसे प्राप्त करें I angular-cli@webpack का उपयोग करके मैंने अपने कोणीय 2 प्रोजेक्ट को RC5 में अपग्रेड कर दिया है।

मैं नीचे के रूप में मार्ग प्रदान करते हैं:

const appRoutes: Routes = [ 
    { path: 'project-manager', component: ProjectManagerComponent }, 
    { path: 'designer/:id', component:DesignerComponent } , 
    {path: '',redirectTo: '/project-manager',pathMatch: 'full'} 
]; 

और मैं के रूप में routerLink का उपयोग कर डिजाइनर घटक के लिए पुनः निर्देशित कर रहा हूँ:

<a [routerLink]="['/designer',page._id]"><i class="fa fa-eye fa-fw"></i></a> 

अब यह सफलतापूर्वक रीडायरेक्ट किया जा रहा है और मैं परम मूल्य को देखने के लिए कर रहा हूँ ब्राउज़र के पता बार में।

अब मैं जानना चाहता हूं, मैं एंजुलर 2 आरसी 5 में डिज़ाइनर कॉम्पोनेंट में इस पैरामीटर को कैसे एक्सेस कर सकता हूं।

Answer 1

मेरा मानना ​​है कि आप रूटर से ActivatedRoute उपयोग करने के लिए हेरफेर करने के लिए की जरूरत है अपने पैरामीटर।

import { ActivatedRoute } from '@angular/router'; 

... 

constructor(private route: ActivatedRoute, ...) { 
} 

value: any; // -> wanted parameter (use your object type) 

ngOnInit() { 
    // get URL parameters 
    this.route.params.subscribe(params => { 
     this.value = params['id']; // --> Name must match wanted parameter 
    }); 
} 

@angular/core से OnInit आयात करने के लिए यदि आप इसे साथ ही जरूरत है मत भूलना।

---

संपादित:

• सफाई सदस्यता से बचने के लिए, क्योंकि NG2 रूटर अपने आप ही अपना सदस्यता प्रबंधन करता है।
• एओटी संकलन को तोड़ने से बचने के लिए HTML में उपयोग किए जाने वाले निजी चर का उपयोग करने से बचें।
• ROUTER_DIRECTIVES साफ़ किया गया क्योंकि यह बहिष्कृत है।

Answer 2

से पहले आयात ActivatedRoute आयात करें।

import { ActivatedRoute } from '@angular/router'; 

पहुँच यह नीचे के रूप में निर्माता:

constructor(private route: ActivatedRoute){    
} 

नीचे के रूप में ngOnInit अंदर परिवर्तन पैरामीटर की सदस्यता:

ngOnInit() { 
    this.route.params.subscribe(params => { 
    if (params['id']) { 
    } 
    }); 
}