国产探花免费观看_亚洲丰满少妇自慰呻吟_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能有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄梅县| 新源县| 廊坊市| 尼玛县| 长垣县| 资阳市| 黔西县| 元谋县| 巴塘县| 资中县| 大理市| 恭城| 菏泽市| 牙克石市| 吉林省| 丰都县| 武清区| 湖州市| 台山市| 奉节县| 淮滨县| 新田县| 德保县| 岳池县| 泰来县| 泊头市| 新营市| 库车县| 朝阳市| 彰化市| 丰原市| 睢宁县| 琼结县| 涿鹿县| 长丰县| 兴文县| 章丘市| 文登市| 昌黎县| 车险| 乡城县|