国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 09:07:31
字體:
來源:轉載
供稿:網友

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

HTML代碼

 <th class="col-md-3"><a href="" ng-click="desc('2',la=!la)">單價</a></th> <th class="col-md-3"><a href="" ng-click="desc('3',la=!la)">銷售金額</a></th> <th class="col-md-1"><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能有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 广灵县| 临安市| 防城港市| 莱西市| 普安县| 东明县| 科技| 鲜城| 广丰县| 宁夏| 绵竹市| 滁州市| 九寨沟县| 海兴县| 凤山市| 九龙县| 巢湖市| 蚌埠市| 霍山县| 炉霍县| 大石桥市| 精河县| 新乐市| 平昌县| 西乌珠穆沁旗| 广州市| 区。| 抚顺市| 大渡口区| 呼伦贝尔市| 鹤壁市| 望谟县| 宁海县| 四子王旗| 封开县| 门源| 繁昌县| 红安县| 太白县| 奈曼旗| 临沭县|