Angular dasturida dasturiy navigatsiya

URL manzillarga nafaqat havolalar yordamida, balki JavaScript kodi ichida, maxsus buyruqlar yordamida o'tish mumkin.

Buning uchun Router servisidan foydalaniladi. Keling, uning bilan qanday ishlashni ko'rib chiqaylik. Boshlash uchun uni import qilamiz:

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

Endi uni dependency injection (bog'liqlik in'ektsiyasi) orqali komponentga inject qilamiz:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

Servisda berilgan URLga o'tish uchun navigate metodi mavjud. Keling, ushbu metoddan foydalanamiz:

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

Endi tugma bosilganda go metodini chaqiramiz:

app/app.component.html<button (click)="go()">btn</button>