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>

问题是我有一个很大的数组，大约有8k条记录，而且加载速度非常慢，我该如何克服呢？有任何想法吗？我可以显示一小部分数据，但仍在整个数组中搜索吗？谢谢。

这是我正在使用的组件。 https://www.npmjs.com/package/ionic-select-searchable

Answer 1

此问题是由于某些原因引起的，

如果数据库运行缓慢，则会出现此问题。
由于离子版本已过时
由于一次获取大量数据

要进一步参考，请点击下面的链接

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

Answer 2

我发现了一个更智能的解决方案，例如：-

我创建了一个Modal，它会在另一个视图中弹出，并在其中加载所有列表，在这里我使用了离子Search Bar中的默认搜索栏，可以为2D数组进行自定义，我可以使用Virtual Scroll，因为我需要搜索所有数组，所以我不能使用Infinite scroll

我在此Youtube Video中发现的

很有帮助，并且像魅力一样有帮助。希望这对一些人有帮助。谢谢。

定制离子可搜索组件

2 个答案: