Оптимизируйте ngFor в Ionic, когда страница загружает слишком много данных - PullRequest
0 голосов
/ 25 сентября 2018

В настоящее время я работаю над страницей Ionic, которая получает данные из API, приблизительно 50 000 элементов и сохраняет их в selectedItem (массив).Я должен перечислить их все так:

<ion-list class="main-item-container">
    <ion-item *ngFor="let item of selectedItem; trackBy: trackSelectedItem">             
       // Stuff here (item's thumbnail, title ...    
    </ion-item>
</ion-list>

Я применил <ion-infinite-scroll> в конце списка, использовал функцию trackBy, как предложено в здесь

Но проблема лишь слегка решена.Страница по-прежнему страдает от задержек и задержек в течение примерно 1 с на компьютере и 2 с на планшетных устройствах, и даже при переключении меню.

Вопрос: есть ли другой способ улучшить эту ситуацию?Я могу придумать один способ привязки данных к этим спискам, так что, возможно, страница будет игнорировать этот список после связывания данных.

Может кто-нибудь предложить мне решение?

1 Ответ

0 голосов
/ 26 сентября 2018

Вы можете использовать бесконечную прокрутку или виртуальную прокрутку

Вот ссылки:

Бесконечная прокрутка

Виртуальная прокрутка

перепутал, какой выбрать?вот решение

...