在向页面添加新数据之前，无限滚动清除现有数据

infinite scroll clears existing data before adding new data unto page

本文关键字：数据 无限 滚动 清除 添加 新数据      更新时间：2023-09-26

我正在做一个包含无限滚动的离子项目。当用户滚动到页面底部时，它首先清除页面上存在的内容，然后加载旧的帖子。

h2控制器

app.controller('feedsctrl', ['$scope', '$http', function($scope,$http) {
    $scope.posts = [];
    $scope.page=0;
    $scope.loadmore = function() {
        $http.get('http://localhost/app/news.php?page='+$scope.page).success(function(data) {
            console.log(JSON.stringify(data));
            var i = data.length;
            $scope.posts = data;
            $scope.posts.push(data);
            $scope.$broadcast('scroll.infiniteScrollComplete');
            //console.log($scope.page);
            $scope.page +=1;
        });
    };
}]);
HTML 

<div ng-controller="feedsctrl" class="list card" ng-repeat="item in posts track by $index">
{{item.fullname}}<br>
{{item.username}}
</div>


.controller('feedsctrl',['$scope','$http',function($scope,$http){
  $scope.posts = [];
  $scope.page=0;
  $scope.loadmore = function() {
    $http.get('http://localhost/app/news.php?page='+$scope.page).success(function(data) {
      for(var i=0;i<data.length;i++){
      $scope.posts.push(data[i]);
      }
      $scope.$broadcast('scroll.infiniteScrollComplete');
      //console.log($scope.page);
      $scope.page +=1;
    });
  };
}])

您正在将数据分配给$scope。你不应该是

谢谢

相关文章：