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

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 。手动删除多余的＆＃34; /＆＃34;在地址栏中带我到正确的地方。为什么这样，我该如何解决这个问题？

Answer 1

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

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