პროგრამული ნავიგაცია Angular-ში

URL-მისამართებზე გადასვლა შესაძლებელია არა მხოლოდ ბმულების საშუალებით, არამედ JavaScript-ის კოდის შიგნით, სპეციალური ბრძანებების გამოყენებით.

ეს ხორციელდება სერვისის Router საშუალებით. მოდით ვნახოთ, როგორ ვიმუშაოთ მასთან. დასაწყისისთვის იმპორტირება მოდულიდან:

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

ახლა ჩავსვათ იგი კომპონენტში დამოკიდებულების ინჯექციის (DI) მეშვეობით:

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()">btn</button>