自定义离子可搜索组件

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

这个问题是由于一些原因引起的，比如

1. 如果您的数据库速度较慢，则会出现此问题
2. 由于离子版本过时
3. 由于一次获取大量数据

如需进一步参考，请访问下方的链接

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

Answer 2

我找到了一个更智能的解决方案，比如：-

我创建了一个弹出在不同视图中的Modal，它加载了其中的所有列表，在那里我使用了离子搜索栏中的默认搜索栏，它可以为2D阵列定制，在那里，我可以使用虚拟滚动，因为我需要在所有阵列中搜索，所以我不能使用无限滚动

我在Youtube视频中发现这很有帮助，这就像一种魅力。希望这对某些人有所帮助。谢谢