AngularJS - 链接到不同页面上的锚链接答案

【问题标题】：AngularJS - link to an anchor link on a different pageAngularJS - 链接到不同页面上的锚链接
【发布时间】：2016-09-08 18:01:34
【问题描述】：

我想知道是否有人可以建议我...我对 AngularJS 不是很熟悉，但我目前正在使用它的网站上工作。我有几种情况，我必须链接到不同页面/不同 url 上的锚链接，如果我只是简单地把它放在例如：

&lt;a href="www.website-address.com#anchorlink"&gt;Click here to view this link&lt;/a&gt;

它会导致 404。我在同一页面中找到了几种锚链接的解决方案，但没有任何方法可以使用 AngularJS 链接到不同页面/url 上的锚链接。

有人可以帮忙吗？谢谢。

【问题讨论】：

试试这样<a href="http://www.website-address.com#anchorlink">Click here to view this link</a>。您的代码从应用根目录获取 url。

【解决方案1】：

Angularjs 解析 href 的重定向。它尝试使用anchorlink 进入视图

尝试在您的路线中设置此项

// 使用 HTML5 History API $locationProvider.html5Mode(true);

然后在您的 html 标头中，使用 <base href="/"> 设置您网站的基本位置

这应该使 angularjs 停止干扰您的网址中的锚标记。

编辑

@Sabarish Senthilnathan 的评论也有效，可能也是最好的方式。

【讨论】：