AngularJS -单击列时对数据进行升序/降序排序

<table>
  <thead>
    <tr>
      <th ng-click="sortData('name')">姓名</th>
      <th ng-click="sortData('age')">年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="person in people | orderBy:sortColumn:reverseSort">
      <td>{{ person.name }}</td>
      <td>{{ person.age }}</td>
    </tr>
  </tbody>
</table>

app.controller('MyController', function($scope) {
  $scope.people = [
    { name: '张三', age: 25 },
    { name: '李四', age: 30 },
    { name: '王五', age: 20 }
  ];
  
  $scope.sortColumn = 'name';  // 默认按姓名排序
  $scope.reverseSort = false;  // 默认升序排序
  
  $scope.sortData = function(column) {
    if ($scope.sortColumn === column) {
      $scope.reverseSort = !$scope.reverseSort;  // 切换排序顺序
    } else {
      $scope.sortColumn = column;
      $scope.reverseSort = false;  // 默认升序排序
    }
  };
});