使用Angularjs对html表中的列进行重新排序

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

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.people = [
      { name: '张三', age: 25, email: 'zhangsan@example.com' },
      { name: '李四', age: 30, email: 'lisi@example.com' },
      { name: '王五', age: 28, email: 'wangwu@example.com' }
    ];
    
    $scope.sortColumn = 'name'; // 默认按姓名排序
    $scope.reverseSort = false; // 默认升序排序
    
    $scope.sortBy = function(column) {
      if ($scope.sortColumn === column) {
        $scope.reverseSort = !$scope.reverseSort; // 切换排序方式
      } else {
        $scope.sortColumn = column;
        $scope.reverseSort = false;
      }
    };
  });