Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ion-infinite-scroll not working after 2 pages.

See original GitHub issue

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.

Issue Analytics

State:
Created 5 years ago
Reactions:8
Comments:11

Top GitHub Comments

2reactions

firebiirdcommented, Apr 1, 2019

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

1reaction

ghostcommented, Apr 3, 2019

check this one out #17372