Ionic InfiniteScroll inside popover not working Beta 8


#1

I am trying to use InfiniteScroll inside popover but the onloadmore event not fired at all,
here is my code:

   <ion-list>
        <ion-item *ngFor="let i of items">{{i}}</ion-item>
    </ion-list>

    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
 doInfinite(infiniteScroll) {
        console.log('Begin async operation');

        setTimeout(() => {
            for (var i = 0; i < 30; i++) {
                this.items.push(this.items.length);
            }

            console.log('Async operation has ended');
            infiniteScroll.complete();
        }, 500);
    }

#2

Infinite scroll need real scroll container to work like ionContent or ionScroll

So in this case it will not work


#3

I am using it inside ionContent but it does not work


#4

Do not know if it is expected to fill ionContent to ionPopover

… i think if you have such a long list you should not use a popover. --> use a modal instead, there i would expect long lists and show many content.

popovers are there to provide additional functionalities in a short view … without scrolling only a small part.


#5

@bengtler Could you provide an example ?
(infinite)="doInfinite($event)"

doInfinite is not firing my function

    doInfinite(infiniteScroll) {
         console.log('doInfinite, start is currently ');
      }

#6

did anyone Found an answer? I am also facing the same problem