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