Как открыть предложения p-автозаполнения с помощью клавиши табуляции - PullRequest
Новая
       45

Как открыть предложения p-автозаполнения с помощью клавиши табуляции

0 голосов
/ 01 апреля 2020

В Primeng p-autocomplete, как открыть предложения автозаполнения нажатием клавиши табуляции, и когда мы снова нажимаем на вкладку, список предложений должен закрыться. 

<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

как решить эту проблему.

...