AngularJS輕鬆實現雙擊排序的功能

話不多說，直接看示例代碼

HTML代碼

<th><a href="" ng-click="desc('2',la=!la)">單價</a></th> <th><a href="" ng-click="desc('3',la=!la)">銷售金額</a></th> <th><a href="" ng-click="desc('4',la=!la)">銷售數量</a></th>

其中la=!la是用來判斷當前點擊是true還是false

JS代碼

//開始默認為totalnum字段按照降序排列$scope.foodsale =ret.sort(function ( x,y ) { return y.totalnum - x.totalnum;//這樣表示按照ret【表示接收返回數組】裡面的totalnum字段按照降序排列反之return x.totalnum - y.totalnum; 為升序})  $scope.desc= function (fla,bol) { if(fla=="4"){ if(bol==false){ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return y.totalnum - x.totalnum; }) }else{ console.log("bbb") $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return x.totalnum - y.totalnum; }) } }else if(fla=="3"){//totalmoney if(bol==false){ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return y.totalmoney - x.totalmoney; }) }else{ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return x.totalmoney - y.totalmoney; } ) } }else if(fla=="2"){//price if(bol==false){ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return y.price - x.price; }) }else{ $scope.foodsale =$scope.foodsale.sort(function ( x,y ) { return x.price - y.price; } ) } }

總結

好了，以上就是AngularJS實現雙擊排序功能的全部內容，通過以上示例代碼便可實現雙擊排序，希望對大家學習AngularJS能有所幫助。