javascript - 当输入聚焦时，ngx-chips 显示下拉列表

Question

我正在使用 ngx-chips 为 Angular 8 创建标签输入。我得到了一切工作，但我希望我的输入在我关注标签时显示下拉列表。目前，它仅在我关注该input部分时才显示下拉列表，该部分非常小：

我希望在单击表单上的任意位置时显示下拉菜单，如下所示：

这种行为可能吗？我还注意到按 Enter 可以显示下拉菜单，但是尝试在单击时触发该行为并没有真正奏效。

Answer 1

我尝试通过增加输入宽度来改变 CSS 本身，但它看起来和使用起来感觉很奇怪。因此，我使用 jQuery 创建了一个解决方法。

我刚刚为使用 ngx-chips 的组件创建了一个函数，并在该函数中使用了一些 jQuery

showDropdown() {
    $('.ng2-tag-input__text-input').click();
 }

由于在关注标签输入字段时会出现下拉菜单，因此此代码段的作用正是如此，但我在外部 div 上使用了此功能，因此当您单击整个表单时，似乎仍会出现下拉菜单。

希望这对其他人也有帮助。