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:

app/app.component.tsimport { Router } from "@angular/router";

Ora iniettiamolo nel componente tramite dependency injection:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
}

Il servizio ha un metodo navigate, che naviga verso un URL specificato. Usiamo questo metodo:

app/app.component.tsexport class AppComponent {
  constructor(private router: Router) {
  
  }
  
  go() {
    this.router.navigate(['/aaaa/']);
  }
}

E ora chiamiamo il metodo go al click di un pulsante:

app/app.component.html<button (click)="go()">btn</button>