android - 为什么 ion-infinite-scroll 在 Android 中不断调用滚动？

Question

我在 html 中使用“ion-infinite-scroll”从服务器加载更多项目，为此我正在使用以下代码

<ion-infinite-scroll immediate-check="false" on-infinite="getListOfAreas()" distance="1%">
    </ion-infinite-scroll>

这里，当我将屏幕滚动到底部时调用 getListOfAreas() 函数，它从服务器获取数据。这是在 Controller 上定义的 getListOfAreas() 函数

$scope.getListOfAreas = function (shoudlShowLoader) {
AreaBusiness.getAreasListing(shoudlShowLoader, function(serviceResponse) {
    $scope.$broadcast('scroll.infiniteScrollComplete');
        if (serviceResponse != null) {
            var isSuccess = serviceResponse.Success;
            if (isSuccess) {

            }
        }
    }   
}

在浏览器上，我调试了一些方法

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

上面一行代码一直在调用，微调器一直在旋转。我不知道为什么。我错过了什么吗？

Answer 1

$scope.$broadcast('scroll.infiniteScrollComplete'); 只让 ionic 知道当前数据页已被提取，现在可以安全地提取下一页。这并不表示所有数据都已完成加载。

看起来官方的建议是向滚动委托(delegate)添加一个 ng-if 并在没有更多数据要加载时将其从 dom 中删除。

例子:

<ion-infinite-scroll
    ng-if="moreDataCanBeLoaded()"
    icon="ion-loading-c"
    on-infinite="loadMoreData()">
</ion-infinite-scroll>

来源:https://ionicframework.com/docs/api/directive/ionInfiniteScroll/