时间戳

首页 > 解决方案 > 手动触发预输入

ngx-bootstrap - 手动触发预输入

问题描述

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

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

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

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

我能做到吗？

提前致谢，

文基

标签： ngx-bootstrap

解决方案

抱歉，如果我迟到了，但我现在发现了这个问题，也许它将来会有用。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。这样，搜索将开始。

推荐阅读