Angular တွင် ပရိုဂရမ်အရ လမ်းညွှန်ခြင်း

URL များသို့ သွားရောက်ရန် လင့်ခ်များကို အသုံးပြုခြင်းသာမက၊ JavaScript ကုဒ်အတွင်းမှ အထူးအမိန့်များဖြင့်လည်း သွားရောက်နိုင်ပါသည်။

၎င်းကို Router ဆာဗစ်ကို အသုံးပြု၍ လုပ်ဆောင်သည်။ ယင်း၏ အလုပ်လုပ်ပုံကို ကြည့်ကြပါစို့။ ပထမဦးစွာ ၎င်းကို တင်သွင်း (import) ပါမည်။

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

ယခု Dependency Injection ကို အသုံးပြု၍ component အတွင်းသို့ ထည့်သွင်း (inject) ပါမည်။

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()">ခလုတ်</button>

ခလုတ်နှစ်ခု ဖန်တီးပါ။ ပထမတစ်ခုသည် URL တစ်ခုသို့ သွားပြီး၊ ဒုတိယတစ်ခုသည် အခြားတစ်ခုသို့ သွားပါစေ။