Блог

Главная - Вопросы по программированию - Многократное срабатывание бесконечной прокрутки

Многократное срабатывание бесконечной прокрутки

#angular #ionic2 #infinite-scroll

#angular #ionic2 #бесконечная прокрутка

Вопрос:

Я создаю приложение на основе ionic 2, которое использует бесконечную прокрутку.

У меня небольшая проблема.. Событие срабатывало несколько раз, из-за чего мое приложение не работало должным образом

Вот код компонента для бесконечной прокрутки

 doInfinite(infiniteScroll) {
  this.page  = 1;

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

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

и это console.log(this.page) дает мне 7. Почему он переходит на 7? не до 2 первых?

Это странно, это похоже на многократный запуск, поэтому this.page продолжайте работать, пока служба не загрузит данные..

Вот HTML-код

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

Комментарии:

1. Вы должны использовать функцию отмены

2. Любой пример @Chrillewoodz ? 🙂

3. Зачем вам нужен тайм-аут? Использование тайм-аутов в службе обычно дает ужасные результаты, поэтому я стараюсь избегать этого изо всех сил

4. Хорошо, я отредактирую это… Итак, как насчет события, запускаемого несколько раз??

5. Я не могу найти debounce функцию на ionic 2 для бесконечной прокрутки, можете ли вы привести мне пример, как ее использовать @Chrillewoodz??