ionic---上拉加载下拉刷新

下拉刷新

• 页面中

<ion-refresher pulling-text="下拉刷新" on-refresh="init()"></ion-refresher>

• 控制器中

$scope.init = function () {
    $scope.currentPage = 1; //刷新只拉取第一页
    var opr = 'day_order',
        data = {
            start_id:13, 
            stop_id:321,
            pay_for:0,
            index:10,
            page:$scope.currentPage
        },
        action = 'order.do';
    ajaxServe.pubAjax(opr,data,action,function(data){
        $scope.noMorePage=false;
        $scope.datas = data.data;
        $scope.$broadcast('scroll.refreshComplete'); //广播刷新成功
    });
};

上拉加载

• 页面中

<ion-infinite-scroll ng-if="!noMorePage" immediate-check="false" on-infinite="loadMore()" distance="1%" ></ion-infinite-scroll>

• 控制器中

$scope.loadMore = function () {
    $scope.currentPage += 1;//每当滚动到底部，页码累计加1
    var opr = 'day_order',
        data = {
            start_id:13, 
            stop_id:321,
            pay_for:0,
            index:10,                   //每页条数
            page:$scope.currentPage     //当前页
        },
        action = 'order.do';
    ajaxServe.pubAjax(opr,data,action,function(data){
        $scope.datas = $scope.datas.concat(data.data);
        if (data.data.length < 10) {//当json的数量小于10（已经确定了一页为10条数据），说明页面到底了
            $scope.noMorePage=true;//禁止滚动触发时间
        }
        $scope.$broadcast('scroll.infiniteScrollComplete');//广播加载成功
    });
};