Ordem das Rotas no Angular
O Angular processa as rotas de cima para baixo. Isso significa que os casos específicos de rotas devem ser colocados primeiro, seguidos pelos mais gerais.
No exemplo a seguir, a primeira rota sempre será ativada:
const appRoutes: Routes =[
{ path: '**', component: NotFoundComponent },
{ path: 'aaaa', component: AaaaComponent},
{ path: 'bbbb', component: BbbbComponent},
];
Altere a ordem das rotas no exemplo para a correta:
const appRoutes: Routes =[
{ path: 'blog/new', component: BbbbComponent},
{ path: 'blog/:id', component: AaaaComponent},
];
