如何从 AngularJS URL 中删除 # 哈希值？

在没有“#”哈希的情况下导航 AngularJS URL

在 AngularJS 中，路由是使用 $routeProvider 服务定义的，该服务将 URL 分配给特定的默认情况下，AngularJS 在 URL 的开头添加一个井号字符 (#)，从而产生如下路径： “app/#/test”而不是“app/test”。

为什么需要哈希？

这些浏览器解释时需要哈希。带有哈希值的 URL 作为客户端更改而不是服务器请求，允许 AngularJS 控制路由而无需重新加载

删除哈希

要避免哈希，您可以使用 $locationProvider.html5Mode(true) 方法，此方法启用 HTML5 历史记录 API。允许在没有哈希值的情况下重写 URL。

浏览器支持

并非所有浏览器都支持 HTML5 历史 API。以下列表显示支持它的浏览器：

• Chrome
• Firefox
Safari
• 歌剧
• 边缘(Microsoft)

实现

要从 AngularJS URL 中删除哈希，请按照以下步骤操作：

添加 $locationProvider。 html5Mode(true) 到您的应用程序的配置区块：

angular.module('myApp').config(['$locationProvider', function($locationProvider) {
  $locationProvider.html5Mode(true);

以上是如何从 AngularJS URL 中删除 # 哈希值？的详细内容。更多信息请关注PHP中文网其他相关文章！