Navigare programatică în Angular
A trece prin URL-uri se poate face nu numai cu ajutorul linkurilor, ci și în interiorul codului JavaScript, cu ajutorul unor comenzi speciale.
Acest lucru se face cu serviciul Router.
Să vedem cum să lucrăm cu el. Pentru
început îl importăm:
import { Router } from "@angular/router";
Acum să-l injectăm în componentă cu ajutorul injectării dependențelor:
export class AppComponent {
constructor(private router: Router) {
}
}
Serviciul are metoda navigate,
care trece la URL-ul specificat.
Să folosim această metodă:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Și acum să apelăm metoda go la click
pe buton:
<button (click)="go()">btn</button>
Creați două butoane. Fie ca primul să navigheze la un URL, iar al doilea - la altul.
