Angular 9转到不同页面上的锚点答案

【问题标题】：Angular 9 go to anchor on different pageAngular 9转到不同页面上的锚点
【发布时间】：2023-04-02 20:26:01
【问题描述】：

我想要一个指向页面和特定部分的链接，在纯 HTML 中，我只需使用 <a href="myPage#mySection">go to my section</a> 并且可以在任何地方使用它。

我应该如何在 Angular 9 中做到这一点？在搜索这个时，我发现了很多不再起作用的旧答案。如果这似乎是一个简单的问题，我很抱歉，但我仍然习惯 Angular。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

如果可行，请点击下面的网址并投票解决方案：-

【讨论】：