Programmatiese navigasie in Angular
Om na URL's te navigeer kan nie net met skakels gedoen word nie, maar ook binne JavaScript-kode, met behulp van spesiale opdragte.
Dit word gedoen met behulp van die diens Router.
Kom ons kyk hoe om daarmee te werk. Vir
die begin, laai ons dit in:
import { Router } from "@angular/router";
Laat ons dit nou in die komponent inbring met behulp van afhanklikheidsinplasering:
export class AppComponent {
constructor(private router: Router) {
}
}
Die diens het die metode navigate,
wat na die gespesifiseerde URL navigeer.
Laat ons hierdie metode gebruik:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
En laat ons nou die metode go aktiveer deur op 'n
knoppie te klik:
<button (click)="go()">btn</button>
Maak twee knoppies. Laat die eerste na een URL navigeer, en die tweede na 'n ander.
