AngularJS轻松实现双击排序的功能
话不多说,直接看示例代码
HTML代码
<thclass="col-md-3"><ahref=""ng-click="desc('2',la=!la)">单价</a></th> <thclass="col-md-3"><ahref=""ng-click="desc('3',la=!la)">销售金额</a></th> <thclass="col-md-1"><ahref=""ng-click="desc('4',la=!la)">销售数量</a></th>
其中la=!la是用来判断当前点击是true还是false
JS代码
//开始默认为totalnum字段按照降序排列 $scope.foodsale=ret.sort(function(x,y) { returny.totalnum-x.totalnum;//这样表示按照ret【表示接收返回数组】里面的totalnum字段按照降序排列反之returnx.totalnum-y.totalnum;为升序 }) $scope.desc=function(fla,bol){ if(fla=="4"){ if(bol==false){ $scope.foodsale=$scope.foodsale.sort(function(x,y) { returny.totalnum-x.totalnum; }) }else{ console.log("bbb") $scope.foodsale=$scope.foodsale.sort(function(x,y) { returnx.totalnum-y.totalnum; }) } }elseif(fla=="3"){//totalmoney if(bol==false){ $scope.foodsale=$scope.foodsale.sort(function(x,y) { returny.totalmoney-x.totalmoney; }) }else{ $scope.foodsale=$scope.foodsale.sort(function(x,y) { returnx.totalmoney-y.totalmoney; } ) } }elseif(fla=="2"){//price if(bol==false){ $scope.foodsale=$scope.foodsale.sort(function(x,y) { returny.price-x.price; }) }else{ $scope.foodsale=$scope.foodsale.sort(function(x,y) { returnx.price-y.price; } ) } }
总结
好了,以上就是AngularJS实现双击排序功能的全部内容,通过以上示例代码便可实现双击排序,希望对大家学习AngularJS能有所帮助。