首页 > 解决方案 > 路由,第一部分丢失

问题描述

我有这个路由器链接:

<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'

因为实际链接是这样的:

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

但是如何纠正呢?

谢谢

这是路由器配置:

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

但我想在与 view.component 相同的视图中加载新项目。看:

https://stackoverflow.com/questions/60809692/how-to-load-a-new-view-in-the-current-view?noredirect=1#comment107589622_60809692

标签: javascriptangularangular-routerlink

解决方案


您的代码中缺少/ :

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

推荐阅读