Программная навигация в 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>

Сделайте две кнопки. Пусть первая переносит на один урл, а вторая - на другой.