Thứ tự của các route trong Angular
Angular xử lý các route từ trên xuống dưới. Điều này có nghĩa là đầu tiên cần đặt các trường hợp cụ thể của route, sau đó mới đến những route tổng quát hơn.
Trong ví dụ sau, route đầu tiên sẽ luôn được kích hoạt:
const appRoutes: Routes =[
{ path: '**', component: NotFoundComponent },
{ path: 'aaaa', component: AaaaComponent},
{ path: 'bbbb', component: BbbbComponent},
];
Hãy thay đổi thứ tự các route trong ví dụ thành thứ tự đúng:
const appRoutes: Routes =[
{ path: 'blog/:id', component: AaaaComponent},
{ path: 'blog/new', component: BbbbComponent},
];