javascript - 从 #anchor 中删除 Angular 哈希和前缀

Question

我正在努力建立指向网站的直接 anchor 链接。每当我尝试通过以下方式链接到 id 时: https://www.somesite.com/cl/details/agents#20841
其中 #20841 是我的 anchor 标记。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);
}]);

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

参见this link了解更多信息。