Parâmetros de Rotas no Angular
No Angular, as rotas podem não ser apenas estáticas, mas também suportar parâmetros. Dessa forma, podemos definir um grupo inteiro de URLs em uma única rota.
Suponha, por exemplo, que queremos que um
mesmo componente esteja acessível nos endereços:
aaaa/1, aaaa/2, aaaa/3
e assim por diante.
Para isso, precisamos especificar a parte
variável do endereço na rota como um parâmetro.
Isso é feito usando dois pontos e o nome do
parâmetro. No nosso caso, daremos ao nosso
parâmetro o nome id (podemos dar qualquer nome):
const routes: Routes = [
{ path: 'aaaa/:id', component: AaaaComponent },
{ path: 'bbbb', component: BbbbComponent },
];
Crie uma rota com parâmetros. Verifique se o componente especificado é aberto para diferentes valores do parâmetro.