Как использовать один и тот же источник для двух путей - 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/:id будет оцениваться, только если experiences/create не соответствует.

Answer 2

попробуйте это, используя безкомпонентные маршруты:

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