在焦点上打开ngx-bootstrap typeahead

Question

当用户输入输入时，有没有办法打开ngx-typeahead。换句话说，在 focus

上

如果我在输入框中键入单个字符，然后点击退格键，我可以打开下拉列表。

Answer 1

设置 [typeaheadMinLength]="0" 是实现此目的的方法，但它也具有触发搜索的副作用，即使尚未输入任何内容。我的情况是我需要在焦点上运行搜索，但前提是文本框已经有一些内容。我使用对输入值的引用来做到这一点：

<input #searchBox
[typeaheadMinLength]="searchBox.value?.length > 0 ? 0 : 1"
/>

Answer 2

您需要做两件事才能实现这一目标：

首先，设置[typeaheadMinLength] =“0”以在尚未输入任何内容时打开输入。

其次，由于提前输入类型是表单中的第一个字段，您可能还需要通过设置[typeaheadWaitMs] =“300（或某个值）来添加一个小延迟。这是因为输入可能在之前获得焦点价值可用。

示例：

Answer 3

只需将其添加到输入中

<section>