Question

在我的Cordova离子移动应用程序中，我使用离子词缀和离子无限滚动列表。代码下方;

<ion-scroll zooming="false" direction="y" style="width: 100%;height:500px">
        <ion-refresher
        pulling-text=“Pull To Refresh“
        on-refresh=“reloadData()”></ion-refresher>

        <div class="list" ng-repeat="thisitem in homeData.items_new">
            <div class="item item-divider item-energized text-center" ion-affix data-affix-within-parent-with-class="list">
                {{thisitem.Date}}
            </div>
            <div class="item item-text-wrap" ng-repeat="item_sub in thisitem.items">
                {{item_sub.Time}} - {{item_sub.FlightNo}}
            </div>
        </div>

     <ion-infinite-scroll ng-if="!homeData.noMoreItemsAvailable" on-infinite="home_load_flights()" distance="10%"></ion-infinite-scroll>

    </ion-scroll>

无限卷轴在首次加载时工作正常。但是当我刷新（拉下来刷新）时，无限滚动不起作用。此外，当我删除离子词缀的项目，它工作正常。请帮帮我。

Answer 1

问题是第一个无限滚动事件（在第一次加载时触发）尚未完成。

您需要在home_load_flights（）函数中广播滚动完成事件。将以下内容放在home_load_flights（）的末尾或http请求的promise中（更喜欢）。

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

当使用ion-affix时，on-infinite不会调用

1 个答案: