Angular-da Proqram Naviqasiyasi

URL-lər arasında keçid etmək təkcə linklərlə deyil, həm də JavaScript kodu daxilində, xüsusi əmrlər vasitəsilə mümkündür.

Bu, Router servisi vasitəsilə edilir. Gəlin onunla necə işləməyə baxaq. Əvvəlcə onu import edək:

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

İndi onu asılılıq inyeksiyası (Dependency Injection) vasitəsilə komponentə daxil edək:

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

Servisin navigate adlı metodu var, hansı ki, verilmiş URL-ə keçid edir. Gəlin bu metoddan istifadə edək:

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

İndi isə go metodunu bir düyməyə klikləndikdə çağıraq:

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