Parámetros de rutas en Angular

En Angular, las rutas no solo pueden ser fijas, sino que también pueden soportar parámetros. De esta manera, podemos definir un grupo completo de URLs en una sola ruta.

Supongamos, por ejemplo, que queremos que un mismo componente sea accesible en las direcciones: aaaa/1, aaaa/2, aaaa/3 y así sucesivamente.

Para hacer esto, necesitamos especificar la parte variable de la dirección como un parámetro en la ruta. Para ello, escribimos dos puntos y el nombre del parámetro. En nuestro caso, le daremos a nuestro parámetro el nombre id (podemos darle cualquier nombre):

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