ionic 2 무한 스크롤이 탭과 함께 작동하지 않습니다.

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 이벤트가 작동하지 않습니다. 따라서 탭이 데이터를 캐시하는 방식과 관련이있을 수 있습니다.

누구든지이 문제가 발생 했습니까? 아무도 내가 어떻게 디버깅 할 수있는 아이디어가 있습니까?

도움을 주시면 감사하겠습니다.

출처

2017-04-06 Richard

ionViewWillEnter 대신 ionViewDidLoad에 항목 배열을로드하여이 문제를 해결했습니다.

출처

2017-04-06 16:46:49 Richard

같은 문제가 발생했습니다 @ 리차드, 코드를 제공해 주시겠습니까? –

ionic 2 무한 스크롤이 탭과 함께 작동하지 않습니다.

답변

관련 문제