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

Question

我正在研究一个包含无限滚动的离子项目。当用户滚动到页面底部时，它首先清除页面上除了它之外的内容，从而加载旧帖子。

控制器

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>

Answer 1

.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.posts。您不应该

由于