AngularJS 例子:表头排序
2018-07-26 17:28 更新
<div ng-controller="TestCtrl"> <table> <tr> <th ng-click="f='name'; rev=!rev">名字</th> <th ng-click="f='age'; rev=!rev">年龄</th> </tr> <tr ng-repeat="o in data | orderBy: f : rev"> <td>{{ o.name }}</td> <td>{{ o.age }}</td> </tr> </table> </div> <script type="text/javascript"> angular.module('app', [], angular.noop) .controller('TestCtrl', function($scope){ $scope.data = [ {name: 'B', age: 4}, {name: 'A', age: 1}, {name: 'D', age: 3}, {name: 'C', age: 3}, ]; }); angular.bootstrap(document.documentElement, ['app']); </script>
以上内容是否对您有帮助:
更多建议: