输入集中时,ngx-chips显示下拉列表

我正在使用ngx-chips为Angular 8创建标签输入。我可以正常工作,但是我希望输入的内容在我关注标签时显示下拉列表。目前,只有当我关注input部分时,它才会显示下拉列表,该部分很小:

输入集中时,ngx-chips显示下拉列表

我希望在单击表单上的任意位置时显示下拉列表,如下所示:

输入集中时,ngx-chips显示下拉列表

这种行为可能吗?我还注意到按Enter可以显示下拉菜单,但是试图触发点击行为并不能真正解决问题。

iCMS 回答:输入集中时,ngx-chips显示下拉列表

我尝试通过增加输入宽度来更改CSS本身,但是使用起来看起来和感觉很奇怪。因此,我改为使用jQuery创建解决方法。

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

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

由于下拉列表是在关注标签输入字段时出现的,因此此代码段所做的正是这一点,但是我在外部div上使用了此功能,因此当您单击整个表单时,下拉列表将仍然出现。

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

本文链接:https://www.f2er.com/1775544.html

大家都在问