настроить ионный компонент для поиска

Question

Я использую основной ионный компонент для поиска, и он работает нормально,

<ion-item>
    <ion-label>Port</ion-label>
    <select-searchable
        item-content
        [(ngModel)]="port"
        [items]="ports"
        itemValueField="id"
        itemTextField="name"
        [canSearch]="true"
        (onChange)="portChange($event)">
    </select-searchable>
</ion-item>

Проблема в том, что у меня довольно большой массив, около 8 тыс. Записей, и он загружается очень медленно, как я могу преодолеть это? есть идеи? Могу ли я отобразить небольшой фрагмент данных, но по-прежнему искать во всем массиве? спасибо.

вот компонент, с которым я работаю. https://www.npmjs.com/package/ionic-select-searchable

Answer 1

Я нашел более разумное решение, например, так: -

Я создал Модал , который появляется в другом представлении, который загружает весь список там, где я использовалпанель поиска по умолчанию в ionic Панель поиска , которая может быть настроена для 2D-массива, и там я могу использовать Virtual Scroll , потому что мне нужно было искать во всем массиве, поэтому я не могу использовать Бесконечный свиток

, который я нашел в этом Youtube Video , который очень полезен, и это похоже на шарм.надеюсь, это поможет кому-то.спасибо.

Answer 2

Эта проблема возникает из-за некоторых причин, таких как,

1. Если ваша база данных работает медленно, вы получите эту проблему.
2. Из-за устаревшей ионной версии
3. Из-за одновременного получения большого количества данных

Для дальнейшего ознакомления перейдите по ссылкам ниже

https://github.com/ionic-team/ionic/issues/12558 https://github.com/ionic-team/ionic/issues/10087