角路由器订购？

Question

请在下面说明两个代码段之间的区别：

1. const routes: Routes = [ { path: '', canActivate: [AuthGuard], component: MainComponent, children: [ { path: '', component: DashboardComponent }, { path: 'items/add', component: AddItemComponent }, { path: 'items/:type/sandbox', component: SandboxComponent }, { path: 'items/:id', component: EditWrapperComponent }, { path: 'items/:account/:id', component: EditWrapperComponent } ] } ];

2. const路由：路由= [ { 路径：“， canActivate：[AuthGuard]， 组件：MainComponent， 儿童：[   {     路径：“，     组件：DashboardComponent   }，   {     路径：“ items / add”，     组件：AddItemComponent   }，   {     路径：“ items /：id”，     组件：EditWrapperComponent   }，   {     路径：“ items /：account /：id”，     组件：EditWrapperComponent   }，   {     路径：“ items /：type / sandbox”，     组件：SandboxComponent   } ] } ];

当我调用localhost:4200/items/app/sandbox（应用程序为类型）时，代码段1也可以正常工作 但是代码段2无效。

我不知道为什么，请帮助解释：）

Answer 1

在代码段2中，/items/app/sandbox由于有序而被路由到'items/:account/:id。