1、下拉刷新
html

<!--寫在頁面頂部-->
<ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>

controller.js

$scope.doRefresh = function (){
    getComment.then(function(res){  //請求新數(shù)據(jù)
      if(res.result=="success") {
        $scope.allComment = res.data;  //數(shù)據(jù)更新操作
        $scope.$broadcast('scroll.refreshComplete');  //記得加上這段
      }
    })
  }

2、上拉加載
html

<!--寫在頁面底部-->
<ion-infinite-scroll on-infinite="loadMore()" ng-if="hasmore" distance="1%"></ion-infinite-scroll>
<div style="background-color:#fff;text-align:center" ng-if="!hasmore">沒有更多了</div>

controller.js

$scope.hasmore = true;
$scope.loadMore = function() {
    $scope.pageNum ++;
    $http({
        method: 'GET',
        url: '/data/allComment/allComment'+$scope.pageNum+'.json'
    }).then(function successCallback(res) {
            if(res.data.result=="success"){
              if(res.data.data.length!=0){
                res.data.data.forEach(function(item){
                  $scope.allComment.push(item)
                })
                $scope.$broadcast('scroll.infiniteScrollComplete');
              }else{
                $scope.hasmore = false;
                $scope.$broadcast('scroll.infiniteScrollComplete');
              }

            }
        }, function errorCallback(res) {
            // 請求失敗執(zhí)行代碼
            $scope.hasmore = false;
            $scope.$broadcast('scroll.infiniteScrollComplete');
    });
  }

記得每次上拉結(jié)束都要加上這句

 $scope.$broadcast('scroll.infiniteScrollComplete');