在焦点上打开 ngx-bootstrap typeahead

Question

Is there any way to open the ngx-typeahead when a user enters the input. In other words, on focus

I can get the dropdown to open if I type a single character into the input box, and then hit backspace.

Answer 1

只需将此添加到输入

[typeaheadMinLength]="0"

Answer 2

Setting [typeaheadMinLength]="0" is the way to do this, but it also has the side effect of triggering a search even when nothing is typed in yet. I my case I needed to run the search on focus, but only if the textbox already had some content. I did this using a reference to the input's value:

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

Answer 3

You will need to do two things to make this possible:

First, set [typeaheadMinLength]="0" to have the input open when nothing has been typed yet.

Secondly, since the type ahead input is the first field in the form, you may need to add a small delay by also setting [typeaheadWaitMs]="300 (or some value). This is because the input may receive focus before the values are available.

Example: