Programmiline navigatsioon Angularis
URL-idele saab navigeerida mitte ainult linkide kaudu, vaid ka JavaScripti koodi sees, spetsiaalsete käskude abil.
Seda tehakse teenuse Router abil.
Vaatame, kuidas sellega töötada. Kõigepealt
impordime selle:
import { Router } from "@angular/router";
Nüüd sisestame selle komponenti sõltuvuse injekteerimise abil:
export class AppComponent {
constructor(private router: Router) {
}
}
Teenusel on meetod navigate,
mis navigeerib määratud URL-ile.
Kasutame seda meetodit:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Nüüd kutsume meetodit go välja
nupu vajutamisel:
<button (click)="go()">btn</button>
Looge kaks nuppu. Olgu esimene nupp ühele URL-ile suunav ja teine nupp teisele URL-ile.
