Програмска навигација во Angular

Да се преминува по URL адреси може не само со помош на врски, туку и во кодот на JavaScript, со помош на специјални команди.

Ова се прави со сервисот Router. Ајде да погледнеме како да работиме со него. За почеток да го импортираме:

app/app.component.tsimport { Router } from "@angular/router";

Сега да го внесеме во компонентата со помош на инјекција на зависност:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

Сервисот има метод navigate, кој оди на дадената URL адреса. Да го искористиме овој метод:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
  
  go() {
    this.router.navigate(['/aaaa/']);
  }
}

А сега да го повикаме методот go при кликнување на копчето:

app/app.component.html<button (click)="go()">btn</button>