使用Angular JS进行多列排序

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="app.js"></script>

<table ng-app="myApp" ng-controller="myCtrl">
  <thead>
    <tr>
      <th ng-click="sortBy('name')">Name</th>
      <th ng-click="sortBy('age')">Age</th>
      <th ng-click="sortBy('salary')">Salary</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="employee in employees | orderBy:sortColumn:reverseSort">
      <td>{{ employee.name }}</td>
      <td>{{ employee.age }}</td>
      <td>{{ employee.salary }}</td>
    </tr>
  </tbody>
</table>

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  $scope.employees = [
    { name: 'John', age: 30, salary: 5000 },
    { name: 'Jane', age: 25, salary: 4000 },
    { name: 'Bob', age: 35, salary: 6000 }
  ];

  $scope.sortColumn = 'name';
  $scope.reverseSort = false;

  $scope.sortBy = function(column) {
    if ($scope.sortColumn === column) {
      $scope.reverseSort = !$scope.reverseSort;
    } else {
      $scope.reverseSort = false;
      $scope.sortColumn = column;
    }
  };
});