2017-04-06 6 views
1

Ich verwende Ionic2.ionic 2 infinite-scroll funktioniert nicht mit Tabs

Ihre Systeminformationen:

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 

Ich habe eine infinite scroll die einwandfrei funktioniert, 15 Gegenstände auf einmal geladen werden. Als ich nach unten scrollen, lädt er weitere 15 und so weiter:

 ... 
    </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> 

Aber ich tabs dann hinzufügen, einschließlich meiner ursprünglichen Seite:

<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> 

Die Tabs korrekt funktionieren, am unteren Rand der angezeigten Seite. Die Funktion doInfinite($event) wird jedoch nicht aufgerufen, wenn ich wie vor dem Hinzufügen der Registerkarten herunterscrolle. Daher lädt es nicht mehr als 15 Zeilen.

Es scheint, als hätten die Registerkarten das Seiten-Scroll-Ereignis beeinflusst. Scrollen nach unten löst nicht das Ereignis ionInfinite aus und ruft die doIninite($event) nicht mehr auf.

Das erste Mal die Seite lädt die unendliche Bildlauf funktioniert, aber wenn ich auf das Tab-Symbol zum Laden der Seite klicken, dann das ionInfinite Ereignis funktioniert nicht. Das hängt möglicherweise damit zusammen, wie die Registerkarte versucht, die Daten oder etwas zwischenzuspeichern.

Hat jemand anderes dieses Problem erlebt? Hat jemand irgendwelche Ideen wie ich das debuggen kann?

Jede Hilfe wird geschätzt.

Antwort

2

Ich behob dieses Problem durch Laden der Artikel-Array in ionViewDidLoad anstelle von ionViewWillEnter.

+0

das gleiche Problem erfahren, @Richard, können Sie bitte den Code zur Verfügung stellen? –