在焦點上打開 ngx-bootstrap typeahead

Question

當用戶輸入輸入時，有沒有辦法打開 ngx-typeahead。 換句話說，在focus

如果我在輸入框中輸入一個字符，然后按退格鍵，我可以打開下拉菜單。

Answer 1

只需將此添加到輸入

[typeaheadMinLength]="0"

Answer 2

設置[typeaheadMinLength]="0"是這樣做的方法，但它也有觸發搜索的副作用，即使尚未輸入任何內容。 我的情況是我需要在焦點上運行搜索，但前提是文本框已經有一些內容。 我使用對輸入值的引用來做到這一點：

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

Answer 3

您需要做兩件事才能做到這一點：

首先，設置 [typeaheadMinLength]="0" 以在尚未輸入任何內容時打開輸入。

其次，由於提前輸入是表單中的第一個字段，您可能需要通過設置 [typeaheadWaitMs]="300（或某個值）來添加一個小的延遲。這是因為輸入可能會在值之前獲得焦點可用。

示例：