ionic 下拉重新整理時觸發上拉載入事件的解決辦法

2021-07-16 19:39:51 字數 556 閱讀 4324

不知為何我的專案使用 ion-refresher 和 ion-infinite-scroll的時候,出現了每次下拉重新整理的時候,都會多次觸發上拉載入控制項的事件

研究小半天最後終於找到了解決辦法:

如果ion-infinite-scroll 的 immediate-check 屬性沒有設定 ,那麼改為immediate-check=」false」

如果ion-infinite-scroll 的 immediate-check 屬性值為 false ,那麼將list-item的ng-repeat迴圈改為collection-repeat,因為ng-repeat因為未知原因在下拉的時候會觸發ion-infinite-scroll的滾動條距離底部不足1%這個條件,而collection-repeat則不會

還有乙個原因就是在下拉重新整理的**裡寫了$scope.$broadcast(『scroll.infinitescrollcomplete』);

反過來在上拉載入裡寫了$scope.$broadcast(『scroll.refreshcomplete』);也會引起上拉載入觸發下拉重新整理

我是這樣解決的,僅供參考

ionic 下拉重新整理和上拉載入更多

1.on refresh 下拉觸發的函式 函式執行結束之前必須廣播下該事件結束 scope.broadcast scroll.refreshcomplete 2.on infinite 上拉觸發的函式 同樣需要廣播事件結束 scope.broadcast scroll.infinitescrollc...

ionic 實現下拉重新整理上拉載入更多

網上例子太多了,官網的文件也很全,不過在這裡闡述下,方便自己查詢,官網速度太慢了,估計是自己網速原因了,小公司傷不起啊。下拉重新整理上拉載入更多,直接來 裡都有說明 view title 活動頁 class padding pulling text 下拉重新整理 on refresh vm.dore...

RecycleView新增下拉重新整理 上拉載入更多

在google的android.support.v4包中,提供乙個swiperefreshlayout方法,用於實現下拉重新整理,實現的過程也非常簡單,那我們先來看一下swiperefreshlayout是什麼東西,其實從名字上來看,它就是乙個重新整理布局,我們來看它的繼承結構圖 從上面的繼承結構可...