AngularJS报错‘v2 is not a function’？动态orderBy二次切换失效求助

看起来你遇到的是AngularJS中orderBy过滤器和ng-model绑定select时的常见类型/绑定问题，我来帮你拆解下原因和解决办法：

问题根源分析 #

你提到首次切换select正常，再次切换时报错"不存在名为'v2'的内容"，大概率是**ng-model绑定的排序键值在二次切换时被意外转换成了表达式而非字符串**。常见诱因包括：

• 手动写<option>时，value值没有被正确识别为字符串；
• 控制器里对sortKey的赋值错误（比如把"v2"写成了v2，导致Angular去$scope里找名为v2的变量，自然找不到）；
• 没有给sortKey设置初始值，导致第一次切换后绑定值出现异常。

靠谱的解决方案 #

方案1：用ng-options替代手动写<option>（推荐）

ng-options能更稳定地绑定字符串类型的键值，避免手动写option时的类型转换问题：

控制器代码：

angular.module('yourApp').controller('YourCtrl', function($scope) {
  // 你的数组数据
  $scope.items = [/* 你的数据项 */];
  
  // 定义排序选项：label是显示文本，key是排序用的字段名
  $scope.sortOptions = [
    { label: '按V1排序', key: 'v1' },
    { label: '按V2排序', key: 'v2' }
  ];
  
  // 设置默认排序键，必须是数组中存在的字段名
  $scope.sortKey = 'v1';
});

模板代码：

<select ng-model="sortKey" ng-options="opt.key as opt.label for opt in sortOptions">
</select>

<!-- 用orderBy过滤数组 -->
<div ng-repeat="item in items | orderBy:sortKey">
  <!-- 渲染你的数据 -->
</div>

方案2：修复手动<option>的绑定问题

如果你坚持手动写option，要确保：

1. <option>的value属性是字符串类型的字段名；
2. 控制器里给sortKey设置初始值：

模板代码：

<select ng-model="sortKey">
  <option value="v1">按V1排序</option>
  <option value="v2">按V2排序</option>
</select>

控制器代码：

// 初始化sortKey为存在的字段名，不能留空或undefined
$scope.sortKey = "v1";

方案3：检查控制器中的错误赋值

排查下控制器里有没有类似这样的错误代码：

// ❌ 错误：把v2当成变量，而非字符串
$scope.sortKey = v2;

// ✅ 正确：用字符串表示排序字段名
$scope.sortKey = "v2";

如果不小心把字段名写成了变量引用，Angular就会去$scope里找这个变量，找不到就会抛出"不存在v2"的错误。

测试验证 #

改完代码后，切换select选项时，可以在控制器里加个console.log($scope.sortKey)，看看输出的是字符串"v1"/"v2"，还是其他奇怪的值。只要sortKey始终是你数组中存在的字段名字符串，orderBy就不会报错啦。

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