Праграмная навігацыя ў Angular

Пераходзіць па ўрлах можна не толькі з дапамогай спасылак, але і ўнутры кода 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()">btn</button>

Зрабіце дзве кнопкі. Хай першая пераносіць на адзін урл, а другая - на другі.