从#anchor 中删除角度哈希和前缀

Question

我正在努力建立指向网站的直接锚链接。每当我尝试通过以下方式链接到 id 时： https://www.somesite.com/cl/details/agents#20841
#20841 是我的锚标记。 Angular 打破了 url 并使其成为：
https://www.somesite.com/cl/details/agents#!#20841
这在 chrome 和 firefox 中运行良好，但在 Internet Explorer 和 Edge 中它不支持，因此它“破坏”了 url。我尝试将前缀更改为“！”，而不是“/”。

有人可以解决这个问题吗？

Answer 1

如果您使用的是 Angular 1.6，则可以通过将以下代码添加到您的配置来删除此前缀：

appModule.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
  $locationProvider.html5Mode(true);
}]);

请注意，由于 HTML5 兼容性，它可能会not be supported in IE9。

更多信息请参见this link。