Angular में प्रोग्रामेटिक नेविगेशन

यूआरएल पर नेविगेट करना केवल लिंक की मदद से ही नहीं, बल्कि JavaScript कोड के अंदर, विशेष कमांड की मदद से भी किया जा सकता है।

यह Router सर्विस की मदद से किया जाता है। आइए देखें कि इसके साथ कैसे काम करना है। शुरुआत के लिए इसे इम्पोर्ट करें:

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

अब डिपेंडेंसी इंजेक्शन की मदद से इसे कम्पोनेंट में इंजेक्ट करें:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

सर्विस में navigate नामक एक मेथड है, जो दिए गए URL पर नेविगेट करती है। आइए इस मेथड का उपयोग करें:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
  
  go() {
    this.router.navigate(['/aaaa/']);
  }
}

और अब एक बटन के क्लिक पर go मेथड को कॉल करें:

app/app.component.html<button (click)="go()">btn</button>