欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angular+ionic 的app上拉加載更新數(shù)據(jù)實(shí)現(xiàn)方法

 更新時(shí)間：2017年01月16日 13:56:53   投稿：mrr  
這篇文章主要介紹了angular+ionic 的app上拉加載更新數(shù)據(jù)實(shí)現(xiàn)方法，需要的的朋友參考下

第一步，首先需要在<ion-content>標(biāo)簽里面加入標(biāo)簽<ion-infinite-scroll ng-if="hasmore" on-infinite="loadMore()" distance="5%"></ion-infinite-scroll>

里面的屬性解釋?zhuān)?/p>

ng-if  值 布爾型，如果為true，則可以觸發(fā)上拉事件
on-infinite 上拉時(shí)觸發(fā)的事件
distance 列表底部滾動(dòng)到可觸發(fā)上拉事件的距離，默認(rèn)為1%
icon 加載時(shí)顯示的加載圖標(biāo)，默認(rèn)為 'ion-loading-d'

第二步：在控制器內(nèi)書(shū)寫(xiě)

$scope.hasmore = true;

定義可觸發(fā)事件的對(duì)象

然后書(shū)寫(xiě)loadMore事件

//上拉事件 
    $scope.loadMore = function () { 
      $scope.dataValue.page++; 
      loadajax(); 
    }

然后寫(xiě)loadajax事件

function loadajax() { 
      var dataValue = $scope.dataValue; 
      var ip = "http://" + $rootScope.form.ip + "/appGetpage"; 
      var req = { 
        method: 'POST', //請(qǐng)求的方式 
        url: ip, //請(qǐng)求的地址 
        headers: { 
          'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 
          'Accept': '*/*' 
        }, //請(qǐng)求的頭，如果默認(rèn)可以不寫(xiě) 
        timeout: 5000, //超時(shí)時(shí)間，還沒(méi)有測(cè)試 
        data: "value=" + JSON.stringify(dataValue) //message 必須是a=b&c=d的格式 
      }; 
      $http(req).success(function (data) { 
        if (data.data.length == 0) { 
          $scope.hasmore = false;//這里判斷是否還能獲取到數(shù)據(jù)，如果沒(méi)有獲取數(shù)據(jù)，則不再觸發(fā)加載事件 
          return; 
        } 
        $scope.items = $scope.items.concat(data.data); 
      }).error(function () { 
        console.log("err"); 
      }).finally(function () { 
        $scope.$broadcast('scroll.infiniteScrollComplete');//這里是告訴ionic更新數(shù)據(jù)完成，可以再次觸發(fā)更新事件 
        $scope.$broadcast('scroll.refreshComplete'); 
      }); 
    }

以上所述是小編給大家介紹的angular+ionic 的app上拉加載更新數(shù)據(jù)實(shí)現(xiàn)方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論