Порядок маршрутов в 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}, ];