Angular RouterLink 相对路径在具有空路径的组件中不起作用

Question

我将我的子路径定义为

{ path: '', component: CartMainComponent, pathMatch: 'full' }

当我在 CartMainComponent http://mystype.com/brand/MyBrandId/cart时，整个路径看起来像这样 在购物车中我想导航到/brand/MyBrandId/cart所以我使用routerLink="../cart" html。 但这给了我下一个错误

错误：无法匹配任何路由。 URL 段：“品牌/Rotiform/购物车/目录”

只有当我执行routerLink="../../../cart"时它才有效

这是不合逻辑的，即使空路径被视为额外级别的相对路径。 我仍然希望只使用 '..' 两次但不是三次

是否可以修复它，以便我可以相对 go 通过路线而不考虑是否有任何空路径？

Answer 1

是的，Angular 团队为此问题添加了修复程序，但您需要通过添加手动启用它

relativeLinkResolution: 'corrected' 。 IE

@NgModule({ imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'corrected'})], exports: [RouterModule] })

但是请注意，这个“错误修复”并没有解决整个错误。 这就是默认情况下不启用它的原因。 这个 PR 描述了这个问题： https://github.com/angular/angular/issues/26983请记住。

在此 github 线程https://github.com/angular/angular/issues/13011中也讨论了 RelativeLinkResolution