Posted in Uncategorized

ion-infinite-scroll not working after 2 pages.

   January 24, 2021  1 Comment on ion-infinite-scroll not working after 2 pages.

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)  : 4.1.2 (C:\Users\amezc\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.3, (and 14 other plugins)

System:

   Android SDK Tools : 26.1.1 (C:\Users\amezc\AppData\Local\Android\Sdk)
   NodeJS            : v6.13.1 (C:\Program Files\nodejs\node.exe)
   npm               : 3.10.10
   OS                : Windows 10

Describe the Bug

I am getting 20 data per pagination but after 2 pages event is not working in function.

Steps to Reproduce

Related Code

<ion-header>
  <ion-navbar>
    <ion-title>listEstablishment</ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>
    <ion-list text-wrap>
        <ion-item *ngFor="let listedStore of storeList"
        >
          <p>{{listedStore.action}}</p>
        </ion-item>
      </ion-list> 
      <ion-infinite-scroll (ionInfinite)="loadMore($event)" [enabled]="shouldEnableScrolling" >
        <ion-infinite-scroll-content
        loadingSpinner="bubbles" loadingText="Cargando Establecimientos..."
        ></ion-infinite-scroll-content>
      </ion-infinite-scroll>
</ion-content>

Expected Behavior

Can load more than 2 pages with using ion-infinite-scroll

Additional Context

I’ve tried add it in a component or modal but same problem.

Author: Fantashit

1 thought on “ion-infinite-scroll not working after 2 pages.”

  1. Is there any update with this? I’m having the same issue and none of the steps above seem to work?

    Ionic:

   ionic (Ionic CLI)             : 4.8.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0-rc.1
   @angular-devkit/build-angular : 0.13.1
   @angular-devkit/schematics    : 7.1.4
   @angular/cli                  : 7.1.4
   @ionic/angular-toolkit        : 1.2.3

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 6 other plugins)

System:

   NodeJS : v9.10.1 (/usr/local/Cellar/node/9.10.1/bin/node)
   npm    : 5.6.0
   OS     : macOS Mojave
   Xcode  : Xcode 10.1 Build version 10B61

Comments are closed.