Angular-дағы бағдарламалық навигация

URL мекенжайларына сілтемелер арқылы ғана емес, сонымен қатар JavaScript коды ішінде, арнайы командалар көмегімен де өтуге болады.

Бұл Router сервисі арқылы жасалады. Онымен қалай жұмыс істеуге болатынын қарастырайық. Алдымен оны импорттайық:

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

Енді оны компонентке тәуелділік инъекциясы арқылы енгізейік:

export class AppComponent {
	constructor(private router: Router) {
	
	}
}

Сервисте берілген URL-ге өтетін navigate әдісі бар. Осы әдісті қолданайық:

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

Енді түймені басқанда go әдісін шақырайық:

<button (click)="go()">btn</button>

Екі түйме жасаңыз. Біріншісі бір URL-ге, ал екіншісі басқа URL-ге ауыссын.