Angular-এ প্রোগ্রাম্যাটিক নেভিগেশন

শুধুমাত্র লিঙ্ক ব্যবহার করেই নয়, বরং JavaScript কোডের ভিতরেও, বিশেষ কমান্ড ব্যবহার করে URL-এ যাওয়া যায়।

এটি 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>