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 :
import { Router } from "@angular/router";
Maintenant, injectons-le dans le composant via l'injection de dépendances :
export 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 :
export 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 :
<button (click)="go()">btn</button>
Créez deux boutons. Que le premier navigue vers une URL, et le second - vers une autre.
