如何使用Tab键打开P自动完成建议

时间:2020-04-01 07:34:23

标签: angular autocomplete primeng primeng-dropdowns

在Primeng p-autocomplete中,如何按Tab键打开自动完成建议,然后再次单击选项卡时,建议列表应关闭。

<p-autoComplete [(ngModel)]="apiEnabled" [ngModelOptions]="{standalone: true}" [suggestions]="listOfAPI" [required]="true" (onSelect)="objectModified = true" placeholder="Select" onchange="try{setCustomValidity('')}catch(e){}" [style]="{'width':'80%'}" [size]="30" [minLength]="1" maxlength="50" [dropdown]="true" [forceSelection]="false">
</p-autoComplete>

我尝试通过添加 #p(onFocus)=“ p.overlayVisible = true;” (onBlur)=“ p.overlayVisible = isDropDownClicked”(onClick)=“ isDropDownClicked = true”(onPanelHide)=“ isDropDownClicked = false”

<p-autoComplete #p (onFocus)="p.overlayVisible = true;" (onBlur)="p.overlayVisible = isDropDownClicked" (onClick)="isDropDownClicked=true" (onPanelHide)="isDropDownClicked=false" [enter image description here][1][(ngModel)]="apiEnabled" [ngModelOptions]="{standalone: true}" [suggestions]="listOfAPI" [required]="true" (onSelect)="objectModified = true" placeholder="Select" onchange="try{setCustomValidity('')}catch(e){}" [style]="{'width':'80%'}" [size]="30" [minLength]="1" maxlength="50" [dropdown]="true" [forceSelection]="false">
</p-autoComplete>

enter image description here

如何解决此问题。

0 个答案:

没有答案
相关问题