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

Question

我有一个＆＃34; / projects＆＃34;我想要路由到的组件并滚动到id =＆＃34; POSProject＆＃34;项目HTML文件中的tag元素。

为此，我尝试了以下方法：

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

但是当我点击文字链接时，网址将被解析为

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

而不是正确解析

http://localhost:4200/projects#POSProject

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

Answer 1

您需要在fragment属性中放置锚标记。像这样的东西，

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

您可以查看更多here。