手动触发提前输入

Question

我正在将ngx-bootstrap库（Angular6、Bootstrap4）用于 typeahead 组件。当我们开始输入时它运行良好。但我想实现以下目标：

用户有不同的选择。说：ai、ax、az等。用户选择一个，并且预先输入应该自动开始搜索选定的文本。这意味着用户无需在输入框中输入任何内容即可开始搜索，

只需单击其中一个选项，typeahead 将显示可用选项，用户可以选择准确的选项。

所以基本上，我想避免在文本框中手动输入并通过代码触发预输入填充事件。

我能做到吗？

提前致谢，

文奇

Answer 1

对不起，如果我迟到了，但我现在发现了这个问题，也许将来会有用。typeahead 等待输入事件。您可以通过以下方式触发事件：

const element: HTMLElement = document.getElementById('my-typeahead') as HTMLElement;
const event = new Event('input', {
  'bubbles': true,
  'cancelable': true
});
element.dispatchEvent(event);

其中 'my-typeahead' 是您用作预先输入的输入的 ID。这样搜索就开始了。