PhoneGap中文网

 找回密码
 立即注册
查看: 15721|回复: 1
打印 上一主题 下一主题

ion-infinite-scroll如何禁用第一次加载

[复制链接]

7

主题

17

帖子

103

积分

注册会员

Rank: 2

积分
103
跳转到指定楼层
楼主
发表于 2015-12-25 15:46:09 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
求问大神,我这边配置了ion-infinite-scroll,但是每次进页面都会自动加载一次。我设置的一页10条记录,结果每次都是一开始加载就有20条记录,然后滑动到最下面时再添加10条。代码如下:
html:
<ion-content class="main">
<ion-refresher on-refresh="dragRefresh()"  
                           pulling-text="下拉刷新"   
                           refreshing-text="正在刷新"  
                           refreshing-icon="ion-loading-b">
                    </ion-refresher>
                 <ul class="list_box">
                     <li ng-repeat="item in anacustlist">
                             <h4 class="fixed canEnter" ng-click="gotoDetail({{item.SERIALNO}})">
                                                        {{item.CUSTOMERNAME}}
                                                        <span class="list_arrow"></span>
                                                </h4>
                                                <div class="list_detail">
                                                        <p>预警状态<span class="list_state">{{item.ALARMSTATUS}}</span></p>
                                                        <p>管户人<span>{{item.INPUTUSERID}}</span></p>
                                                        <p class="list_date"><span>{{item.INPUTDATE}}</p></span>
                                                </div>
                     </li>
                 </ul>
                 <ion-infinite-scroll
                               icon="ion-loading-c"
                               ng-if="!moreData()"       
                                        on-infinite="doRefresh()"
                               distance="10%">
                      </ion-infinite-scroll>
        </ion-content>


controller.js:
.controller('CustomerListController', function($scope, $state,$ionicPopup,$http,$stateParams, $ionicLoading, $timeout,basePage) {
        var iCurPage = 1;
        var noData = false;
        var iPageSize = 10;
       
        var loadData = function(){
                if($scope.anacustname) $scope.anacustname = "";
                runService($http,$ionicLoading,"/json.jsp?method=custrisklist",{CustName:$scope.anacustname, CurPage:0, PageSize:iPageSize},
                 function(data,status){
                    $scope.anacustlist=data["datas"];
                 }
             );
               
                  
        };
       
        $scope.moreData = function(){
                 return noData;
         }
       
        $scope.dragRefresh = function() {
                runService($http,$ionicLoading,"/json.jsp?method=custrisklist",{CustName:$scope.anacustname, CurPage:iCurPage, PageSize:iPageSize},
                         function(data,status){
                            $scope.anacustlist=data["datas"];
                         }
                     );
                 $scope.$broadcast('scroll.refreshComplete');
          };
          
   $scope.doRefresh = function() {
                runService($http,$ionicLoading,"/json.jsp?method=custrisklist",{CustName:$scope.anacustname, CurPage:iCurPage, PageSize:iPageSize},
                         function(data,status){
                                        if(data["datas"].length==0){
                                                noData = true;
                                                return;
                                        }
                                        if($scope.anacustlist){
                                                $scope.anacustlist=$scope.anacustlist.concat(data["datas"]);
                                                //alert($scope.anacustlist.length);
                                           }
                            $timeout(function () {
                                     $scope.$broadcast('scroll.refreshComplete');
                                         $scope.$broadcast('scroll.infiniteScrollComplete');
                              }, 1000);
                         }
                     );
                iCurPage++;
               
          };
        $scope.footActiveIndex = 4;
        basePage.init($scope,loadData);
})

回复

使用道具 举报

0

主题

2

帖子

14

积分

新手上路

Rank: 1

积分
14
沙发
发表于 2015-12-25 17:09:49 | 只看该作者
ion-infinite-scroll添加属性
immediate-check="false"
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2025-1-11 16:59 , Processed in 0.064033 second(s), 33 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表