Angular routerLink 错误地解析链接地址

Question

我有一个“/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 中是否有一个配置属性可以解决这个冲突？

Answer 1

您需要在片段属性中放置锚标记。像这样的，

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

您可以查看更多here。