8.4. 例子:表头排序

    1. 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>