Ionic2를 사용하고 있습니다.ionic 2 무한 스크롤이 탭과 함께 작동하지 않습니다.
시스템 정보 :
Cordova CLI: 6.4.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.1.4
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.3 Build version 8E162
나는 한 번에 15 개 항목을로드, 완벽하게 작동하는 infinite scroll 있습니다. 나는 아래로 스크롤, 그것은 너무 다른 (15)와로드 그러나
...
</ion-list>
<ion-infinite-scroll id="infinite-scroll-search" (ionInfinite)="doInfinite($event)">
<ion-infinite-scroll-content id="infinite-scroll-content-search"></ion-infinite-scroll-content>
</ion-infinite-scroll>
, 그때 내 원래의 페이지를 포함하여, tabs을 추가
<ion-tabs>
<ion-tab [root]="tab1Root" tabTitle="Page1" tabIcon="person"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle=Page2" tabIcon="heart"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle=Page3" tabIcon="briefcase"></ion-tab>
</ion-tabs>
탭이 올바르게,의 하단에 표시 작업 페이지. 그러나 doInfinite($event)
함수는 탭을 추가하기 전에 아래로 스크롤 할 때 호출되지 않습니다. 결과적으로 15 행을 넘지 않습니다.
탭이 페이지 스크롤 이벤트에 영향을 미친 것처럼 보입니다. 아래쪽으로 스크롤해도 ionInfinite
이벤트가 발생하지 않으며 더 이상 doIninite($event)
을 호출합니다.
페이지가 무한 스크롤을 처음으로로드 할 때 탭 아이콘을 클릭하여 페이지를로드하면 ionInfinite
이벤트가 작동하지 않습니다. 따라서 탭이 데이터를 캐시하는 방식과 관련이있을 수 있습니다.
누구든지이 문제가 발생 했습니까? 아무도 내가 어떻게 디버깅 할 수있는 아이디어가 있습니까?
도움을 주시면 감사하겠습니다.
같은 문제가 발생했습니다 @ 리차드, 코드를 제공해 주시겠습니까? –