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:
import { Router } from "@angular/router";
Zdaj ga vstavimo v komponento z injekcijo odvisnosti:
export class AppComponent {
constructor(private router: Router) {
}
}
Storitev ima metodo navigate,
ki preusmeri na podani URL.
Uporabimo to metodo:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Zdaj pa pokličimo metodo go ob pritisku
na gumb:
<button (click)="go()">btn</button>
Naredite dva gumba. Naj prva preusmeri na en URL, druga pa na drugega.