Programová navigace v Angular
Přecházet podle URL lze nejenom pomocí odkazů, ale také uvnitř kódu JavaScriptu, pomocí speciálních příkazů.
To se dělá pomocí služby Router.
Podívejme se, jak s ní pracovat. Pro
začátek ji importujeme:
import { Router } from "@angular/router";
Nyní ji vložíme do komponenty pomocí injekce závislosti:
export class AppComponent {
constructor(private router: Router) {
}
}
Služba má metodu navigate,
která přejde na zadané URL.
Použijme tuto metodu:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
A nyní zavoláme metodu go po stisknutí
tlačítka:
<button (click)="go()">btn</button>
Vytvořte dvě tlačítka. Nechť první přenese na jednu URL, a druhé - na druhou.
