on-infinite not call when use ion-affix

Question

在我的科爾多瓦離子移動應用程序中，我使用離子粘貼和離子無限滾動列表。在代碼下面;

<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');