javascript - Ngx-Bootstrap Typeahead 在输入清除时保留下拉值

Question

我最近将 ngx-bootstrap 从 1.8.1 升级到 3.0.1 。在前面的升级类型之后似乎没有按预期工作。我正在使用这个例子: https://valor-software.com/ngx-bootstrap/#/typeahead#async-data

使用 [typeaheadMinLength]="3"

现在，如果我搜索，让我们说“abcdef”，然后它会在输入 3 个字符后开始搜索，即 abc，然后是 abcd、abcde、abcdef 等等，这很好。

但是现在如果我使用退格键一次删除输入文本框中的所有内容，也就是说，如果我通过一次按退格键使 abcdef 为空，那么一旦输入为空，它会再次显示对应于最小长度的下拉值这是 abc。

理想情况下，它应该清除下拉值，但看起来当您使用退格键快速删除它时，它会保留与最小长度标记字符串对应的值。

从服务中获取数据时更明显，并且数据量很大，因此加载和清除需要一些时间。

可以使用 typeaheadWaitMs 模拟服务响应延迟，并且可以使用以下示例复制此问题:https://valor-software.com/ngx-bootstrap/#/typeahead#delay

https://github.com/valor-software/ngx-bootstrap/issues/4412

有人可以帮忙吗？

Answer 1

您必须检查搜索字段是否为空，然后清除包含值的列表。当按下退格键时，当搜索长度达到阈值即 abc 时，它会获取结果并将其存储，之后不执行任何操作，因此会保留 abc 的搜索结果。如果值为空，请添加 (keyup)="onKey($event.target.value)" 清除包含下拉数据的列表。