Infinite Scroll triggred multiple times

Asked Sep 30 '16 at 16:53

Active Oct 01 '16 at 17:38

Viewed 698 times

I make an app based on ionic 2 that use the Infinite Scroll.

I got a little problem.. The event triggred multiple times that make my app not working well

Here's the code on the component for Infinite scroll

doInfinite(infiniteScroll) {
  this.page += 1;

    this.loadPosts(this.page,"infinite");

  console.log(this.page);
  infiniteScroll.complete();
}

and this console.log(this.page) give me a 7. Why it jump to 7 ? not to the 2 first ?

It's weird, It' like multiple times triggred, so the this.page keep going up till the service load the data..

Here's the HTML Code

<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
        loadingSpinner="bubbles"
        loadingText="Loading more data...">
    </ion-infinite-scroll-content>
</ion-infinite-scroll>

edited Oct 01 '16 at 17:38

asked Sep 30 '16 at 16:53

M Argus Chopin Gyver

You should use a debounce function – Chrillewoodz Sep 30 '16 at 16:55
Any example @Chrillewoodz ? :) – M Argus Chopin Gyver Sep 30 '16 at 16:55
Why do you need the timeout? Using timeouts in a service gives horrible results usually so I try to avoid it best I can – Chrillewoodz Oct 01 '16 at 16:04
Alright, I will edit it... So, how about the multiple times triggered event ?? – M Argus Chopin Gyver Oct 01 '16 at 17:38
I can't find `debounce` function on ionic 2 for infinite scroll, can you give me an example how to use it @Chrillewoodz?? – M Argus Chopin Gyver Oct 03 '16 at 03:38
I'm not sure on how to apply it in your case since you just pass the function that is called :/ – Chrillewoodz Oct 03 '16 at 07:16
but, is that multiple trigger problem is possible to happen on my code ?? @Chrillewoodz – M Argus Chopin Gyver Oct 03 '16 at 07:18
It sounds as if things runs too fast, and things run again before the previous action was finished. – Chrillewoodz Oct 03 '16 at 09:11
ok, so how can I do that ? :D I don't have any clue :D @Chrillewoodz – M Argus Chopin Gyver Oct 03 '16 at 09:13
Me neither tbh, sorry lol. – Chrillewoodz Oct 03 '16 at 09:14
Oh no xD.. Oh yeah, is that something like bug from ionic 2?? Because I've seen something like this before and it works well, but it runs at ionic 1 – M Argus Chopin Gyver Oct 03 '16 at 09:16
Never used ionic so not sure. – Chrillewoodz Oct 03 '16 at 09:18
can you see this ? the function triggered 12 times more than it should.. It's not make sense.. http://imgur.com/a/SXX4U – M Argus Chopin Gyver Oct 03 '16 at 09:27

Infinite Scroll triggred multiple times

0 Answers0