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:
import { Router } from "@angular/router";
Sada ga ubacimo u komponentu pomoću ubrizgavanja zavisnosti (dependency injection):
export class AppComponent {
constructor(private router: Router) {
}
}
Servis ima metodu navigate,
koja navigira na zadati URL.
Iskoristimo ovu metodu:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
A sada pozovimo metodu go klikom
na dugme:
<button (click)="go()">btn</button>
Napravite dva dugmeta. Neka prvo prebacuje na jedan URL, a drugo - na drugi.