Програмска навигација во 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 адреса, а второто - на друга.