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 တစ်ခုသို့ သွားပြီး၊ ဒုတိယတစ်ခုသည် အခြားတစ်ခုသို့ သွားပါစေ။
