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

Question

假设我有一个链接

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

和一篇文章:

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

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

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

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

Answer 1

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

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