Navegación programática en Angular
Navegar por las URLs no solo se puede hacer usando enlaces, sino también dentro del código JavaScript, usando comandos especiales.
Esto se hace usando el servicio Router.
Veamos cómo trabajar con él. Para
empezar, importémoslo:
import { Router } from "@angular/router";
Ahora lo inyectamos en el componente usando inyección de dependencias:
export class AppComponent {
constructor(private router: Router) {
}
}
El servicio tiene un método navigate,
que navega a una URL específica.
Usemos este método:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
Y ahora llamemos al método go al hacer clic
en un botón:
<button (click)="go()">btn</button>
Crea dos botones. Que el primero navegue a una URL, y el segundo, a otra.
