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

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

এটি Router সার্ভিসের সাহায্যে করা হয়। আসুন দেখি কিভাবে এটি নিয়ে কাজ করতে হয়। প্রথমে এটি ইম্পোর্ট করি:

import { Router } from "@angular/router";

এখন ডিপেন্ডেন্সি ইনজেকশনের মাধ্যমে কম্পোনেন্টে ইনজেক্ট করি:

export class AppComponent {
	constructor(private router: Router) {
	
	}
}

সার্ভিসের navigate নামে একটি মেথড আছে, যেটি একটি নির্দিষ্ট URL-এ নেভিগেট করে। এই মেথডটি ব্যবহার করি:

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

এবার একটি বাটনে ক্লিক করলে go মেথডটি কল করা যাক:

<button (click)="go()">btn</button>

দুটি বাটন তৈরি করুন। প্রথমটি যেন একটি URL-এ নিয়ে যায় এবং দ্বিতীয়টি যেন অন্য একটি URL-এ নিয়ে যায়।