离子无限滚动

时间:2016-08-22 11:14:19

标签: angularjs ionic-framework

有人可以帮我修理我的滚动。使用下面的代码,在新页面的开头,它会删除旧页面数据并刷新。如果我快速滚动,页面变为白色,但我可以在控制台日志中看到数据正在加载。

该页面表示分页的工作原理。在页面:0,是页面0,在页面:1,是页面1,依此类推。

  var i = 0; 
  $scope.loadMore=function(){

        $scope.result=[];

        $scope.MoreItemsAvailable=true;

        // infinite scrolling
        var data = 
        ({
            page:i

        })

        console.log ('i' + i)


        $http.post(website, data,{"headers": {authorization: strToken}}).success (function(response)
        {
            {
                $scope.noResults="";
                angular.forEach(response.data.hits,function(child){
                 $scope.result.push(child);
                })
                $scope.MoreItemsAvailable=true;
            }
            i++;

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


        }).error(function(err, status)
        {
            $scope.MoreItemsAvailable=false;
            console.log (err)
        })    
   }

1 个答案:

答案 0 :(得分:1)

我认为问题是你在加载更多函数时再次使结果数组变为空白。

尝试删除$scope.result=[];行。希望它能奏效。

相关问题