加载中...

例子:表头排序


8.4. 例子:表头排序

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

还没有评论.