正如David所建议的,这可能与范围有关。由于ngRepeat创建了一个新的作用域,因此您
ngClick需要为每个列标题设置
sortColumn和
reverse。
确保您在同一范围内修改值的一种方法是在该范围内创建一个函数,并在ngClick中调用该函数以传递索引:
$scope.toggleSort = function(index) { if($scope.sortColumn === $scope.headers[index]){ $scope.reverse = !$scope.reverse; } $scope.sortColumn = $scope.headers[index];}以此作为您的标记:
<th ng-repeat="header in headers"> <a ng-click="toggleSort($index)">{{ headers[$index] }}</a></th>这是一个例子。
另一个选择是绑定到这样的非原始类型(子作用域将访问同一对象):
$scope.columnSort = { sortColumn: 'col1', reverse: false };以此作为您的标记:
<th ng-repeat="header in headers"> <a ng-click="columnSort.sortColumn=headers[$index];columnSort.reverse=!columnSort.reverse">{{ headers[$index] }}</a></th>这是一个例子。



