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>