Angular 9 转到不同页面的锚点

Question

我想要一个 link 去一个页面和某个部分，简单地说 HTML 我只需要使用 <a href="myPage#mySection">go to my section</a> 并且我可以在任何地方使用它.

我应该如何在 Angular 9 中执行此操作？在搜索这个时，我发现了很多不再有效的旧答案。如果这看起来像一个简单的问题，我很抱歉，但我仍然习惯 Angular。

Answer 1

请继续下面的 url 并投票解决方案是否有效：-

https://stackblitz.com/edit/angular-m6bcr7

在 stackblitz 浏览器中，尝试 https://angular-m6bcr7.stackblitz.io/home#myFirst

Answer 2

使用RouterLink时（https://angular.io/api/router/RouterLink），可以使用fragment输入传递锚点：

<a [routerLink]="['myPage']" fragment="mySection">
  link
</a>

您还必须在路由器配置中启用 anchorScrolling： https://angular.io/api/router/ExtraOptions#anchorScrolling