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