Программна навигация в Angular

Преминаването към URL адреси може да стане не само с помощта на връзки, но и в кода на 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>

Направете два бутона. Нека първият пренася към един URL, а вторият - към друг.