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

Question

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

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

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

Answer 1

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

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

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

由于在关注标签输入字段时会出现下拉菜单，所以这个sn-p所做的正是如此，但我在外部div上使用了这个功能，这样当你点击整个表单时，看起来就像下拉菜单仍会出现。

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