功能：實現點擊排序，再點擊排倒序。

實現方法如下

方法一：定義變量實現點擊切換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代碼同上。

轉載于:https://www.cnblogs.com/lovemomo/p/6690119.html

總結

以上是生活随笔為你收集整理的angular js实现开关效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。