Programska navigacija u Angularu

Navigaciju ka URL-ovima može se vršiti ne samo pomoću linkova, već i unutar JavaScript koda, pomoću specijalnih komandi.

Ovo se radi pomoću servisa Router. Pogledajmo kako se s njim radi. Za početak, importujmo ga:

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

Sada ga ubacimo u komponentu pomoću ubrizgavanja zavisnosti (dependency injection):

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

  }
}

Servis ima metodu navigate, koja navigira na zadati URL. Iskoristimo ovu metodu:

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

  }

  go() {
    this.router.navigate(['/aaaa/']);
  }
}

A sada pozovimo metodu go klikom na dugme:

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