Programska navigacija v Angular

Pojdi po URL-jih je mogoče ne le s pomočjo povezav, ampak tudi znotraj kode JavaScript, z uporabo posebnih ukazov.

To naredimo s storitvijo Router. Poglejmo, kako delati z njo. Za začetek ga uvozimo:

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

Zdaj ga vstavimo v komponento z injekcijo odvisnosti:

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

Storitev ima metodo navigate, ki preusmeri na podani URL. Uporabimo to metodo:

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

Zdaj pa pokličimo metodo go ob pritisku na gumb:

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