Programatická navigácia v Angular
Prechádzať podľa URL možno nielen pomocou odkazov, ale aj vo vnútri kódu JavaScript, pomocou špeciálnych príkazov.
Robí sa to pomocou služby Router.
Pozrime sa, ako s ním pracovať. Na
začiatok ho importujme:
import { Router } from "@angular/router";
Teraz ho vložme do komponentu pomocou injekcie závislosti:
export class AppComponent {
constructor(private router: Router) {
}
}
Služba má metódu navigate,
ktorá prechádza na zadanú URL.
Využime túto metódu:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
A teraz zavolajme metódu go po kliknutí
na tlačidlo:
<button (click)="go()">btn</button>
Vytvorte dve tlačidlá. Nech prvé prenesie na jednu URL, a druhé - na druhú.
