如何将同一个源用于两条路径-Angular 9

Question

我可以像这样使用同一个源吗？

{path: 'experiences/:id', component: DetailsExperienceComponent},
{path: 'experiences/create', component: FormExperienceComponent, canActivate: [AuthService]},
{path: '**', component: NotFountComponent},

在我的例子中，第二个路径被重定向到NotFoundComponent。

Answer 1

您可以将第二条路由放在第一位。路线按出现的顺序进行评估：

...
{path: 'experiences/create', component: FormExperienceComponent, canActivate: [AuthService]},
{path: 'experiences/:id', component: DetailsExperienceComponent},
...

这样，只有在experiences/create不匹配的情况下，才会对experiences/:id进行求值。

Answer 2

使用无组件路由尝试此操作：

{
path: 'experiences',
children: [
{
path: 'create',
component: FormExperienceComponent, canActivate: [AuthService]
},
{
path: ':id',
component: DetailsExperienceComponent
} 
]    
},
{path: '**', component: NotFountComponent}