手动触发提前输入

Question

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

用户有不同的选择。说：ai, ax, az 等。用户选择其中一个，然后 typeahead 应该自动开始搜索 selected 文本。这意味着用户无需在输入框中键入任何内容即可开始搜索，

只需单击其中一个选项，预输入将显示可用选项，用户可以 select 精确选择。

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

我能做到吗？

提前致谢，

文琪

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。这样搜索就开始了。

手动触发提前输入

Manually trigger typeahead

ngx-bootstrap