on-infinite在使用ion-affix时不调用

Question

在我的Cordova-ion移动应用程序中，我使用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>

无限滚动在第一次加载时运行良好。但是当我刷新(向下拉以刷新)无限滚动不起作用时。另外，当我删除ion-affix的项目时，它工作得很好。请帮帮我。

Answer 1

问题是第一个无限滚动事件(在第一次加载时触发)还没有完成。

您需要在home_load_flights()函数中广播一个滚动完成事件。将以下内容放在home_load_flights()的末尾或http请求的promise内(更可取)。

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