Angular 的 ng include 指令不适用于预期的链接

Question

假设我有一个链接

<a href="#one">Take me to one</a>

还有一篇文章：

<article id="one"><h2>This is one</h2></article>

链接将我带到文章。但是在将这两行移动到单独的 sep.html 文件中并将 sep.html 包含在我的主页（index.html）中之后，如下所示：

<div ng-include="'sep.html'"></div>

链接失效了。而且地址栏不显示 .../index.html#one，而是显示 .../index.html#/one。手动删除地址栏中多余的“/”会将我带到正确的位置。为什么会这样？我该如何解决这个问题？

Answer 1

Angular 监听 hashchange 事件并阻止默认的浏览器跳转到 id 行为。告诉 Angular 不要为你的锚链接这样做的简单方法是使用target="_self" 属性：

<a href="#one" target="_self">Take me to one</a>