<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');//廣播加載成功
這樣就可以了,再次加載就觸發了