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

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

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

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

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

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