AngularJS轻松实现双击排序的功能

前端之家收集整理的这篇文章主要介绍了AngularJS轻松实现双击排序的功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

话不多说,直接看示例代码

HTML代码

数量

其中 la=!la 是用来判断当前点击是true还是false

JS代码

$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能有所帮助。

猜你在找的JavaScript相关文章