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.
das gleiche Problem erfahren, @Richard, können Sie bitte den Code zur Verfügung stellen? –