ionic上拉加載更多:ion-infinite-scroll使用

<ion-infinite-scroll
  ng-if="loadMore"
  icon="ion-loading-c"
  on-infinite="loadMoreData()"
  immediate-check="false">
</ion-infinite-scroll>

 

屬性 類型 詳情
on-infinite 表達式

當滾動到底部時觸發的時間。

distance

(可選)

字符串

從底部滾動到觸發on-infinite表達式的距離。默認: 1%。

icon

(可選)

字符串

當加載時顯示的圖標。默認: 'ion-loading-d'。

immediate-check

(可選)

布爾值 是否在頁面加載後立刻觸發on-infinite的方法,設爲false後,則只有滾動到頁面邊緣時纔會觸發,即使頁面加載出來已經到最底部,不滾動一下的話也是不會觸發的

 

常見問題:
1、頁面一進入就加載:
設置immediate-check爲false即可。

2、滑動只加載一次:

加載完數據,要進行一次廣播:$scope.$broadcast('scroll.infiniteScrollComplete');//廣播加載成功
這樣就可以了,再次加載就觸發了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章