Paramètres de routes dans Angular

Dans Angular, les routes peuvent être non seulement prédéfinies de manière rigide, mais aussi prendre en charge des paramètres. Ainsi, nous pouvons définir tout un groupe d'URLs avec une seule route.

Supposons, par exemple, que nous voulions qu'un même composant soit accessible aux adresses : aaaa/1, aaaa/2, aaaa/3 et ainsi de suite.

Pour cela, il faut indiquer la partie variable de l'adresse sous forme de paramètre dans la route. Pour ce faire, il faut écrire un deux-points suivi du nom du paramètre. Dans notre cas, nous donnerons à notre paramètre le nom id (nous pouvons lui donner n'importe quel nom) :

app/app.routes.tsconst routes: Routes = [
  { path: 'aaaa/:id', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];