Programmatisk navigation i Angular
At navigere efter URL'er kan ikke kun gøres med links, men også inde i JavaScript-koden, ved hjælp af specielle kommandoer.
Dette gøres ved hjælp af servicen Router.
Lad os se på, hvordan man arbejder med den. Til
at starte med, importerer vi den:
import { Router } from "@angular/router";
Nu injicerer vi den i komponenten ved hjælp af afhængighedsinjektion:
export class AppComponent {
constructor(private router: Router) {
}
}
Servicen har metoden navigate,
som navigerer til en given URL.
Lad os bruge denne metode:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Og nu kalder vi metoden go ved et klik
på en knap:
<button (click)="go()">btn</button>
Lav to knapper. Lad den første føre til en URL, og den anden - til en anden.
