Programozott navigáció az Angular-ban
Az URL-ek között nem csak linkek segítségével lehet navigálni, hanem JavaScript kódban is, speciális parancsokkal.
Ezt a Router szolgáltatással tehetjük meg.
Nézzük meg, hogyan kell dolgozni vele. Először importáljuk:
import { Router } from "@angular/router";
Most injektáljuk be a komponensbe a függőséginjektálás segítségével:
export class AppComponent {
constructor(private router: Router) {
}
}
A szolgáltatásnak van egy navigate metódusa,
ami a megadott URL-re navigál.
Használjuk ezt a metódust:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Most hívjuk meg a go metódust egy gomb megnyomásakor:
<button (click)="go()">btn</button>
Készítsen két gombot. Az első navigáljon egy URL-re, a másik pedig egy másikra.
