Angular 1.5.8（FireFox）动态路由参数异常问题求助

从你描述的异常URL和代码来看，核心问题是Angular的模板表达式{{currentSharingImage}}没有被正确插值，反而被当作原始字符串带入了URL，且仅在FireFox中出现。结合Angular 1.5.x的特性和FireFox的DOM处理机制，我整理了几个最可能的成因和对应的解决办法：

1. 误用原生href而非Angular的ng-href指令 #

这是最常见的触发原因。当你在链接中直接写<a href="/feedback/{{currentSharingImage}}">时，FireFox会在Angular完成模板插值之前就读取并解析href属性，导致未插值的表达式直接被当作URL的一部分。而Chrome可能会等待DOM更新后再处理href，所以不会出现这个问题。

修复方式：
所有动态生成的URL链接都替换成ng-href指令，它会等待插值完成后再设置真实的href属性：

<!-- 错误写法 -->
<a href="/feedback/{{currentSharingImage}}">查看反馈</a>

<!-- 正确写法 -->
<a ng-href="/feedback/{{currentSharingImage}}">查看反馈</a>

2. 路由跳转时直接拼接模板字符串而非变量值 #

如果是在控制器中通过$location或$route跳转路由，错误地直接拼接了模板表达式字符串，而不是使用变量的实际值，也会导致这个问题。

错误示例：

// 错误：把模板字符串直接拼进URL
$location.path('/download-file/{{currentSharingImage}}');

修复方式：
使用变量的实际值拼接URL，或者利用Angular路由的参数传递机制：

// 方式1：直接用变量值拼接路径
$location.path('/download-file/' + $scope.currentSharingImage);

// 方式2：如果用查询参数传递
$location.path('/download-file').search({id: $scope.currentSharingImage});

3. Angular 1.5.x与FireFox的路由参数解析时机冲突 #

Angular 1.5.x是比较老旧的版本，在FireFox的事件循环机制下，$routeParams的初始化时机可能晚于控制器的执行时机。这会导致你在调用Feedback.get({token: $routeParams.token})时，$routeParams.token还未被正确解析，仍然是模板表达式的字符串。

修复方式：
监听$routeChangeSuccess事件，确保在路由完全解析完成后再获取参数并发起请求：

$scope.$on('$routeChangeSuccess', function() {
  // 此时$routeParams已经正确解析
  Feedback.get({token: $routeParams.token})
    .$promise
    .then(feedback => {
      $scope.feedbackDetails = feedback;
      // 剩余代码
    });
});

另外，建议升级到Angular 1.5.x的最新补丁版（比如1.5.11），官方可能修复了这类浏览器兼容性问题。

4. 路由配置与参数传递方式不匹配 #

如果你的路由配置的是路径参数（/feedback/:token），但实际跳转时却传递了查询参数（?token=xxx），路由无法正确解析参数，就会把查询参数的原始模板字符串带到URL中。

检查并修复：
确保路由配置和参数传递方式一致：

// 示例1：路径参数配置
$routeProvider.when('/feedback/:token', {
  templateUrl: 'feedback.html',
  controller: 'FeedbackController'
});
// 对应跳转方式
$location.path('/feedback/' + $scope.currentSharingImage);

// 示例2：查询参数配置
$routeProvider.when('/feedback', {
  templateUrl: 'feedback.html',
  controller: 'FeedbackController'
});
// 对应跳转方式
$location.path('/feedback').search({token: $scope.currentSharingImage});

优先检查前两点（ng-href使用和路由跳转的变量拼接），这两个是最容易触发此类问题的点，尤其是在FireFox这种对DOM属性读取时机更严格的浏览器中。

内容的提问来源于stack exchange，提问作者atif