AngularJS - 自动将哈希标签添加到 URL - 覆盖搜索参数答案

【问题标题】：AngularJS - automatically adding hash tag to URLs - overwriting search paramsAngularJS - 自动将哈希标签添加到 URL - 覆盖搜索参数
【发布时间】：2013-08-20 22:48:27
【问题描述】：

当我单击快速导航时遇到问题，锚标记替换了我在 URL 中的搜索参数。

'example.com/search?hash=1234' 变为 'example.com/search#FAQ'

而不是'example.com/search?hash=1234#FAQ'

我该如何解决这个问题？版本 1.1.5

HTML 锚标签：

<a href="#{{page.id}}" ng-repeat="page in results.page">{{page.id}}</a>

如果有影响，我确实启用了 HTML5 模式：

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

【问题讨论】：

标签： javascript url angularjs angular-routing

【解决方案1】：

我现在正在使用一些 hacky 解决方法：

<a ng-href="{{resultsHash}}#{{page.id}}" ng-repeat="page in results.page">{{page.id}}</a>

还有resultsHash的值

$scope.resultsHash = "?hash=" + data.hash;

所以每次他们使用 quickNav 链接时，哈希都会包含在路径中。这不是一个理想的解决方案。但它模仿了我想要做的事情。

【讨论】：