为什么导航回空路径时，Angular routerLink(没有前导斜杠)断开

Question

让我们以这个基本导航树为例：

• 主要
  • 次要
    • 深

看看我的Stacklitz项目。

我的路线是

const routes: Routes = [
{
path: "",
component: PageParentComponent,
children: [
{
path: "",
component: PageChildPrimaryComponent
},
{
path: "secondary",
component: PageChildSecondaryComponent
},
{
path: "secondary/deep",
component: PageDeepComponent
}
]
}
];

使用<a routerLink="..">可以成功地向上导航一个级别，并且使用CCD_ 2两个级别。然而，当我使用双点从任何更深的页面返回到"主"页面时，任何不以斜杠开头的routerLink都是一团糟；URL的根部分(当本地运行时为https://angular-ukxb4a.stackblitz.io/或localhost:4200/(被%28替换。当我使用<a routerLink="/">(斜线而不是双点(时，一切都很好。

为什么会发生这种情况？

Answer 1

您要访问的URL是

https://angular-ukxb4a.stackblitz.io/secondary

非

https://%28secondary%29/

起始斜杠将把路径附加到现有路径上。我希望这对你有帮助。