最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

AngularJS輕松實(shí)現(xiàn)雙擊排序的功能

 更新時(shí)間:2016年08月30日 17:21:38   投稿:daisy  
網(wǎng)上已經(jīng)有AngularJS比較多的相關(guān)教程了,那么這篇文章我們一起來(lái)看一個(gè)AngularJS雙擊排序的例子,對(duì)大家日常開(kāi)發(fā)很有幫助的,有需要的可以參考借鑒。

話不多說(shuō),直接看示例代碼

HTML代碼

 <th class="col-md-3"><a href="" ng-click="desc('2',la=!la)">單價(jià)</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)">銷售數(shù)量</a></th>

其中 la=!la 是用來(lái)判斷當(dāng)前點(diǎn)擊是true還是false

JS代碼

//開(kāi)始默認(rèn)為totalnum字段 按照降序排列

$scope.foodsale =ret.sort(function ( x,y )
    {
     return y.totalnum - x.totalnum;//這樣表示 按照ret【表示接收返回?cái)?shù)組】里面的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;
      }
     )
    }
   }

總結(jié)

好了,以上就是AngularJS實(shí)現(xiàn)雙擊排序功能的全部?jī)?nèi)容,通過(guò)以上示例代碼便可實(shí)現(xiàn)雙擊排序,希望對(duì)大家學(xué)習(xí)AngularJS能有所幫助。

相關(guān)文章

  • 詳解使用angular-cli發(fā)布i18n多國(guó)語(yǔ)言Angular應(yīng)用

    詳解使用angular-cli發(fā)布i18n多國(guó)語(yǔ)言Angular應(yīng)用

    這篇文章主要介紹了詳解使用angular-cli發(fā)布i18n多國(guó)語(yǔ)言Angular應(yīng)用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • Angularjs之filter過(guò)濾器(推薦)

    Angularjs之filter過(guò)濾器(推薦)

    這篇文章主要介紹了Angularjs之filter過(guò)濾器的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2016-11-11
  • Angularjs 自定義服務(wù)的三種方式(推薦)

    Angularjs 自定義服務(wù)的三種方式(推薦)

    angularjs 中可通過(guò)三種($provider,$factory,$service)方式自定義服務(wù)。這篇文章主要介紹了Angularjs 自定義服務(wù)的三種方式,非常不錯(cuò),需要的朋友可以參考下
    2016-08-08
  • Angular?Component屬性綁定target和attr.target的區(qū)別分析

    Angular?Component屬性綁定target和attr.target的區(qū)別分析

    這篇文章主要介紹了Angular?Component屬性綁定target和attr.target的區(qū)別分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • AngularJS之自定義服務(wù)詳解(factory、service、provider)

    AngularJS之自定義服務(wù)詳解(factory、service、provider)

    本篇文章主要介紹了AngularJS之自定義服務(wù)詳解(factory、service、provider),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。
    2017-04-04
  • Angular(5.2->6.1)升級(jí)小結(jié)

    Angular(5.2->6.1)升級(jí)小結(jié)

    今天小編就為大家分享一篇關(guān)于Angular(5.2->6.1)升級(jí)小結(jié),小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2018-12-12
  • 詳解如何構(gòu)建一個(gè)Angular6的第三方npm包

    詳解如何構(gòu)建一個(gè)Angular6的第三方npm包

    這篇文章主要介紹了詳解如何構(gòu)建一個(gè)Angular6的第三方npm包,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • AngularJS 中ui-view傳參的實(shí)例詳解

    AngularJS 中ui-view傳參的實(shí)例詳解

    這篇文章主要介紹了AngularJS 中ui-view傳參的實(shí)例詳解的相關(guān)資料,這里提供實(shí)例幫助大家學(xué)習(xí)理解這部分內(nèi)容,需要的朋友可以參考下
    2017-08-08
  • 深入淺析Angular SSR

    深入淺析Angular SSR

    Angular Universal 主要關(guān)注將 Angular App 如何進(jìn)行服務(wù)端渲染和生成靜態(tài) HTML,對(duì)于用戶交互復(fù)雜的 SPA 并不推薦使用 SSR,本文是在 Angular 14 環(huán)境中完成,有些內(nèi)容對(duì)于新的 Angular 版本可能并不適用,感興趣的朋友一起通過(guò)本文學(xué)習(xí)
    2022-11-11
  • AngularJS基于provider實(shí)現(xiàn)全局變量的讀取和賦值方法

    AngularJS基于provider實(shí)現(xiàn)全局變量的讀取和賦值方法

    這篇文章主要介紹了AngularJS基于provider實(shí)現(xiàn)全局變量的讀取和賦值方法,結(jié)合實(shí)例形式分析了AngularJS全局變量的聲明、賦值、讀取等相關(guān)使用技巧,需要的朋友可以參考下
    2017-06-06

最新評(píng)論

灵山县| 达州市| 萍乡市| 崇信县| 隆化县| 蒙阴县| 星座| 丰原市| 弥渡县| 新宁县| 扶沟县| 丰镇市| 淮北市| 灵台县| 嫩江县| 鄂州市| 手机| 金山区| 西充县| 烟台市| 柞水县| 正定县| 铁力市| 永清县| 陵川县| 新乐市| 武山县| 股票| 桃源县| 宁化县| 龙南县| 宿迁市| 苏尼特右旗| 阳城县| 雅江县| 章丘市| 汾阳市| 武强县| 巢湖市| 兴安盟| 东阳市|