Порядок маршрутов в Angular
Angular обрабатывает маршруты сверху вниз. Это значит, что сначала нужно размещать частные случаи маршрутов, а потом более общие.
В следующем примере всегда будет срабатывать первый маршрут:
const appRoutes: Routes =[
{ path: '**', component: NotFoundComponent },
{ path: 'aaaa', component: AaaaComponent},
{ path: 'bbbb', component: BbbbComponent},
];
Измените порядок маршрутов в примере на правильный:
const appRoutes: Routes =[
{ path: 'blog/:id', component: AaaaComponent},
{ path: 'blog/new', component: BbbbComponent},
];