маршрутизация, первая часть отсутствует

Question

У меня есть этот маршрутизатор:

<a [routerLink]="'/' + dossier.id + '/item/new' + itemTypes.Interview">
  <mat-icon class="add_box">add</mat-icon>
</a>

, но я получаю эту ошибку:

core.js:6406 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: '06637e72-8915-4735-9400-4ef7705194ea/item/newInterview'
Error: Cannot match any routes. URL Segment: '06637e72-8915-4735-9400-4ef7705194ea/item/new/Interview'

Поскольку ссылка Actul выглядит следующим образом:

http://localhost:4200/en/dossier/06637e72-8915-4735-9400-4ef7705194ea/item/new/interview

Но как это исправить?

Спасибо

Это routerconfig:

{
    path: ':dossierId',
    component: ViewComponent, children:[
    {  path: ':dossierId/item/:dossierItemId,', component: ItemComponent}
    ],
    resolve: {
      dossier: DossierResolver,
      dossierItems: DossierItemsResolver
    }
  },

Но я хочу загрузить новый элемент в том же представлении, что и view.component. Смотри:

Answer 1

В вашем коде отсутствует / :

<a [routerLink]="'/' + dossier.id + '/item/new/' + itemTypes.Interview">
  <mat-icon class="add_box">add</mat-icon>
</a>

Answer 2

Попробуйте это:

<a [routerLink]={'/' + ${dossier.id} + '/item/new' + itemTypes.Interview}>
     <mat-icon class="add_box">add</mat-icon>
</a>