使用离子附加时无限不调用

Question

在我的 Cordova-ionic 移动应用程序中，我使用 ion-affix 和 ion-infinite-scroll 作为列表。代码下方；

<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 请求的承诺中（更优选）。

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