Angular.js 应用程序中是否可以有传统的锚链接

Question

Angular.js 路由创建如下 URL：

http://cooldomain.com:3000/#/search

http://cooldomain.com:3000/#/docs

在我的文档 url 中，我想要一个带有 <a name="sdsds"> 部分的长页面和一个带有锚链接的传统目录，以便用户可以在页面上上下跳动

从概念上讲，目录会产生许多无效的 URL，例如 http://cooldomain.com:3000/#/docs#coolAPIFunction，由于双重哈希，这当然不会起作用

那么，是否可以在具有路由的 Angular.js 应用程序中使用锚链接？

Answer 1

您可以启用 html5 pushstate 并去掉路由中的 #。您可以通过将其添加到您的 .config 来做到这一点

$locationProvider.html5Mode(true);

但是，请注意，现在 Angular 路由与服务器请求之间没有区别。您必须配置您的服务器，以便为该 url 提供适当的静态 html 文件（例如 index.html）。