自定义离子可搜索组件

Question

我正在使用基本的 ionic 可搜索组件，它工作正常，

<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/12558 https://github.com/ionic-team/ionic/issues/10087

Answer 2

我发现了一个更聪明的解决方案，如下所示：-

我创建了一个Modal，它会在另一个视图中弹出，它会在其中加载所有列表，我在其中使用了 ionic Search Bar 中的默认搜索栏，可以为 2D 数组定制，我可以在那里使用 @ 987654323@ 因为我需要在所有数组中搜索，所以我不能使用Infinite scroll

我在这个Youtube Video 中发现它很有帮助，而且很有帮助。 希望这对某人有所帮助。谢谢。