ngx-bootstrap - 手动触发预输入

Question

我正在使用ngx-bootstrap用于预输入组件的库(Angular6、Bootstrap4)。当我们开始输入时它效果很好。但我想实现以下目标:

用户有不同的选择。说:ai、ax、az 等。用户选择一个，输入前应自动开始搜索所选文本。这意味着用户不必在输入框中键入任何内容即可开始搜索，

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

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

我能实现这个目标吗？

提前致谢，

文基

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”是您用作 typeahead 的输入的 ID。这样搜索就会开始。