Question

8.4. 例子：表头排序

 1   <div ng-controller="TestCtrl">
 2     <table>
 3       <tr>
 4         <th ng-click="f='name'; rev=!rev">名字</th>
 5         <th ng-click="f='age'; rev=!rev">年龄</th>
 6       </tr>
 7   
 8       <tr ng-repeat="o in data | orderBy: f : rev">
 9         <td>{ { o.name } }</td>
10         <td>{ { o.age } }</td>
11       </tr>
12     </table>
13   </div>
14   
15   <script type="text/javascript">
16   var TestCtrl = function($scope){
17     $scope.data = [
18       {name: 'B', age: 4},  
19       {name: 'A', age: 1},  
20       {name: 'D', age: 3},  
21       {name: 'C', age: 3},  
22     ];
23   }
24   
25   angular.bootstrap(document.documentElement);
26   </script>