如何使用AngularJS的HTML5模式启用到URL的哈希导航？

Question

我在AngularJS应用程序中启用了html5mode，因此我可以使用URL格式site.com/path而不是site.com/#/path访问路径。

但启用html5mode后，导航到哈希不能正常工作。当我通过Chrome导航到site.com/#hash时，网址会自动更改为site.com/hash。由于hash不是服务器上的资源，因此此网址会导致加载默认的index.html文件，而不是滚动到hash位置。

这似乎是一个非常简单的用例，但是如何使URL格式site.com/#hash与AngularJS一样正常工作？

Answer 1

我得到了以下工作：

• 此StackOverflow问题：Can I reclaim control of the URL hash-fragment from AngularJS?
• 以及来自AngularJS文档的间接提示：https://docs.angularjs.org/error/$location/nobase

从文档页面引用：

  

请注意，在IE9中解析具有$ location的相对路径时，删除标记的要求会产生不良副作用。

总结一下，Angular只会在中保留中的哈希片段：

• html5mode已启用，
• 已设置哈希前缀
• 并且您在启用html5mode
时未设置requireBase:false

难怪人们发现很难掌握AngularJS：文档很薄弱，框架就像一个魔术黑盒子，可以控制你的应用程序远离你。