Navigazione Programmata in Angular
È possibile navigare attraverso gli URL non solo con l'aiuto di link, ma anche all'interno del codice JavaScript, utilizzando comandi speciali.
Questo viene fatto utilizzando il servizio Router.
Diamo un'occhiata a come usarlo. Per
iniziare, importiamolo:
import { Router } from "@angular/router";
Ora iniettiamolo nel componente tramite dependency injection:
export class AppComponent {
constructor(private router: Router) {
}
}
Il servizio ha un metodo navigate,
che naviga verso un URL specificato.
Usiamo questo metodo:
export class AppComponent {
constructor(private router: Router) {
}
go() {
this.router.navigate(['/aaaa/']);
}
}
E ora chiamiamo il metodo go al click
di un pulsante:
<button (click)="go()">btn</button>
Crea due pulsanti. Lascia che il primo porti a un URL, e il secondo a un altro.
