कोणीय 2

Question

const APP_ROUTES: RouterConfig = [ 

    { 

     path: 'app/home', 
     component: HomeComponent, 
     data: { 
      name: 'Home' 
     } 

    } 


] 

यदि मेरे पास रूट कॉन्फ़िगरेशन है, तो मैं कुछ निर्देशों से data संपत्ति को कैसे एक्सेस करूं?

@Directive({ 
    name: 'hello' 
}) 

class HelloDirective { 
@Input('routerLink') link: string[]; 

ngOnInit() { 
    //HOW CAN I GET ROUTE AND ITS DATA FROM PATH/URL ??? 

    //const magicallyGrabbedRoute = pleaseGiveMeMyRouteFrom(this.link); 
    //const myData = magicallyGrabbedRoute.data; 

} 

} 

<a hello [routerLink]="['app/home']"> Go Home </a> 

hello निर्देश में मैं routerLink विशेषता के मूल्य के लिए मार्ग विन्यास कैसे मिल सकता है?

Answer 1

आप इसे अपने घटक वर्ग के अंदर डालकर मार्ग पैरामीटर पर सब्सक्राइब कर सकते हैं। & तुम भी this.route.snapshot.data इस्तेमाल कर सकते हैं मार्ग defination में पारित डेटा पुनः प्राप्त करने निर्माता

this.sub = this.route 
    .params //.data //--> use data to retrieve route data 
    .subscribe(params => { 
    console.log(params['id']); 
    }); 

में private route: ActivatedRoute है।

Answer 2

(RC6):

अपने निर्माता में

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

तब:: आप आयात करने की आवश्यकता

constructor(private route: ActivatedRoute) { }

वर्ग implements OnInit चाहिए इस तरह से:

ngOnInit() { const myData = this.route.snapshot.data['name']; }

यदि आपका यूआरएल गतिशील नहीं है तो यह है। यदि गतिशील आपको एक पर्यवेक्षक का उपयोग करना चाहिए और स्नैपशॉट नहीं करना चाहिए। पी। माता-पिता के माता-पिता के लिए बस उपयोग करें: this.route.snapshot.parent.data['name']