如何在离子框架上停止无限滚动？

Question

如何在 ionic 框架上停止无限滚动？

controller.js

    $scope.page=1;
    $scope.loadMore = function() {
    $http.get("http://localhost/getdata.php?page="+$scope.page).success(function(items) {
    $scope.posts = items;
    $scope.$broadcast('scroll.infiniteScrollComplete');
    $scope.page +=1;                                                                                
});
    };

模板名称.html

<ion-infinite-scroll
    on-infinite="loadMore()"
    distance="1%">
</ion-infinite-scroll>

Answer 1

如documention 中所述：

一旦 on-infinite 完成加载新数据，它应该广播 来自控制器的 scroll.infiniteScrollComplete 事件

您在代码$scope.$broadcast('scroll.infiniteScrollComplete'); 中执行的操作将停止加载程序的旋转。但是如果没有更多数据要加载，您可以使用ng-if 来停止进一步的无限调用。但是为此，您需要从服务器获取一些标志，它可以告诉客户端没有数据剩余。

<ion-infinite-scroll
    ng-if="moreDataCanBeLoaded"
    on-infinite="loadMore()"
    distance="1%">
</ion-infinite-scroll>

以及来自控制器的$scope.moreDataCanBeLoaded 的控制值。一旦这是false，就不能再加载数据了。