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):
const routes: Routes = [
{ path: 'aaaa/:id', component: AaaaComponent },
{ path: 'bbbb', component: BbbbComponent },
];
Crea una ruta con parámetros. Verifica que el componente especificado se abre para diferentes valores del parámetro.