Navigation programmatique dans Angular

Il est possible de naviguer vers des URLs non seulement via des liens, mais aussi depuis le code JavaScript, à l'aide de commandes spéciales.

Cela se fait à l'aide du service Router. Voyons comment l'utiliser. Pour commencer, importons-le :

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

Maintenant, injectons-le dans le composant via l'injection de dépendances :

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

Le service dispose d'une méthode navigate, qui navigue vers une URL spécifiée. Utilisons cette méthode :

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

Et maintenant, appelons la méthode go lors d'un clic sur un bouton :

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