Angularдагы программалык навигация

URL даректерге шилтемeлер жардамы менен гана эмес, ошондой эле JavaScript кодунун ичинде, атайын буйруктар колдонуп өтүүгө болот.

Бул Router сервисинин жардамы менен жасалат. Аны менен кантип иштөө керектигин карап көрөлү. Башында аны импорттойлу:

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

Эми аны компонентке көз карандылык инъекциясынын жардамы менен киргизели:

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()">баскыч</button>

Эки баскыч жасаңыз. Биринчиси бир URL дарекке, экинчиси болсо башка URL дарекке өтсүн.