javascript — невозможно сфокусироваться на пользовательской кнопке отправки в Angular @ ng-select

Невозможно сфокусироваться на пользовательской кнопке отправки в Angular @ ng-select

Я использую библиотеку ng-select . В множественном выборе, после установки флажков, мне нужна пользовательская кнопка отправки.

Все работает нормально, но так как навигация с клавиатуры очень важна, я хочу сосредоточиться на кнопке отправки при нажатии клавиши TAB.

Вот мой код:

Шаблон:

  {amp}lt;ng-container {amp}gt; {amp}lt;ng-select #entitySelector (remove)="onEntityChange($event)" [items]="people$ | async" [multiple]="true" bindLabel="name" [closeOnSelect]="false" bindValue="name" [(ngModel)]="tempSelectList" [virtualScroll]="true" placeholder="Search People" (keydown.Tab)="onTabPress($event)" {amp}gt; {amp}lt;ng-template ng-option-tmp let-item="item" let-item$="item$" let-index="index"{amp}gt; {amp}lt;input id="item-{{index}}" type="checkbox" [ngModel]="item$.selected" /{amp}gt; {{item.name}} {amp}lt;/ng-template{amp}gt; {amp}lt;ng-template ng-footer-tmp{amp}gt; {amp}lt;input type="submit" id="selectEntityBtn" value="Select" #selectEntityBtn class="btn btn-default select-button" (click)="saveData()"/{amp}gt; {amp}lt;/ng-template{amp}gt; {amp}lt;/ng-select{amp}gt; {amp}lt;/ng-container{amp}gt; 

TS:

  onTabPress() { var that = this; setTimeout(() ={amp}gt; { that.entitySelector.open(); // that.selectEntityBtn.nativeElement.focus(); document.getElementById("selectEntityBtn").focus(); }, 1); } 

Stackbiltz ссылка

Пожалуйста, помогите мне :)

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector