文章/答案/技术大牛

发布

社区首页 >问答首页 >ngx-chips在输入被聚焦时显示下拉菜单

问ngx-chips在输入被聚焦时显示下拉菜单
EN

Stack Overflow用户

提问于 2020-08-10 11:54:08

回答 1查看 294关注 0票数 1

我正在使用ngx-chips为Angular 8创建一个标签输入。我让它都能工作，但我希望我的输入在我关注标签的时候显示下拉菜单。目前，当我将焦点放在input部件上时，它才会显示下拉列表，这个部件非常小：

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

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

发布于 2020-08-10 13:02:19

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

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

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

由于dropdown是在关注标签输入字段时出现的，所以这段代码就是这样做的，但我在外部div上使用了这个函数，这样当您单击整个表单时，dropdown仍然会出现。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63333930

复制

相似问题

问ngx-chips在输入被聚焦时显示下拉菜单EN