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能有所帮助。
热门推荐
1 训练狗狗基础
2 怎么训练狗狗笑
3 怎么训练狗狗卧下
4 上海狗狗训练基地
5 训练狗狗排便
6 狗狗基础训练
8 如何训练狗狗装死
9 狗狗站姿训练
10 狗狗训练用品
11 训练狗狗吧
12 狗狗要怎么训练
13 怎么训练狗狗玩球
14 训练狗狗唤回
15 狗狗训练躺下
16 狗狗训练指令
17 狗狗的训练技巧
18 狗狗不好训练