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

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

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

import { Router } from "@angular/router";

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

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

გააკეთეთ ორი ღილაკი. პირველი გადააგდოს ერთ URL-ზე, ხოლო მეორე - სხვაზე.