javascript - Angular routerLink错误地解析了链接地址

我有一个“ / projects”组件，我想在其中路由并滚动到项目HTML文件中的id =“ POSProject”标签元素。

为此，我尝试了以下操作：

<a routerLink="/projects#POSProject" routerLinkActive="active">Link text</a>

但是，当我单击文本链接时，URL解析为

http://localhost:4200/projects%23POSProject

而不是正确解决

http://localhost:4200/projects#POSProject

Angular中是否有配置属性可以解决此冲突？

最佳答案

您需要将锚标记放置在fragment属性中。像这样

<a [routerLink]="/projects" fragment="POSProject">Link Text!</a>

您可以查看更多here。