功能:實現點擊排序,再點擊排倒序。
實現方法如下
方法一:定義變量實現點擊切換true或false,代碼為:
$scope.lidata = [
{"name":"Terry","age":12},
{"name":"Jenifer","age":45},
{"name":"Garry","age":36},
{"name":"Tao","age":24},
{"name":"Lee","age":34},
];
$scope.sortTmp = false; $scope.sortFn = function(arg){ $scope.sortTmp = !$scope.sortTmp; //在這實現點擊的切換 $scope.lidata = $filter('orderBy')($scope.lidata, arg, $scope.sortTmp); }
其中對應的html代碼為:
<table style="margin-left:20px">
<tr>
<th ng-click = "sortFn('name')">姓名</th>
<th ng-click = "sortFn('age')">年齡</th>
</tr>
<tr ng-repeat = "data in lidata">
<td>{{data.name}}</td>
<td>{{data.age}}</td>
</tr>
</table>
方法二:函數也是對象,可以賦屬性。
$scope.sortFn = function(arg){ arguments.callee["sortFn" + arg] = !arguments.callee["sortFn" + arg] $scope.lidata = $filter('orderBy')($scope.lidata,arg,arguments.callee["sortFn" + arg]); }
html代碼同上。
