简单的 Return 到顶部按钮不适用于 AngularJS

Question

我正在前端使用 AngularJS 编写一个网络应用程序，我正在页面底部实现一个 return 到顶部按钮。

   <h1 id = "top">
    ..........
   <a href="#top">Return to Top</a>

然而，这根本不起作用。我迷路了，因为这以前在其他不使用 Angular 的应用程序上有效。那么我必须在这里做些不同的事情吗？

Answer 1

Angular 没有内在原因会干扰 link 的本机操作。是否有可能 link 没有按照您的预期进行，因为在您单击 link 时带有锚点的 h1 元素不再位于 DOM 中？例如，您是否可以使用 ng-if 指令有条件地删除该 h1 标签的父元素或祖先元素？

更新：显然 Angular 会干扰是有内在原因的。感谢您的课程，@Chandermani。

Answer 2

将 target="_self" 添加到 href 将解决问题。感谢@Chandermani

Simple Return to Top Button Does Not Work with AngularJS