एंगुलर में कंपोनेंट के रूट पैरामीटर मान

हम रूट्स में जिन पैरामीटर्स को परिभाषित करते हैं, उनके मान कंपोनेंट क्लास में प्राप्त किए जा सकते हैं। आइए देखें कि यह कैसे किया जा सकता है। मान लीजिए कि हमारे पास निम्नलिखित मार्ग है जिसमें पैरामीटर्स हैं:

app/app.routes.tsconst routes: Routes = [
  { path: 'aaaa/:id', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];

आइए इस पैरामीटर का मान कंपोनेंट क्लास में प्राप्त करें। यहाँ इस बात पर ध्यान देना चाहिए कि रूट पैरामीटर के मान केवल उसी कंपोनेंट में प्राप्त किए जा सकते हैं, जो मार्ग से जुड़ा हुआ है। हमारे मामले में, मार्ग से Aaaa कंपोनेंट जुड़ा हुआ है। इसलिए आगे हम इसी के साथ काम करेंगे।

तो, रूट पैरामीटर के मान प्राप्त करने के लिए ActivatedRoute सर्विस का उपयोग करना होगा। इसे अपने कंपोनेंट में आयात करें:

app/aaaa/aaaa.component.tsimport { ActivatedRoute} from "@angular/router";

कंस्ट्रक्टर में सर्विस को इंजेक्ट करें:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    
  }
}

पैरामीटर्स वाली ऑब्जेक्ट प्राप्त करें:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    let params = activateRoute.snapshot.params;
    console.log(params);
  }
}

हमारे पैरामीटर का मान प्राप्त करें:

app/aaaa/aaaa.component.tsexport class AaaaComponent {
  constructor(private activateRoute: ActivatedRoute) {
    let params = activateRoute.snapshot.params;
    let id = params['id'];
    console.log(id);
  }
}