События клавиатуры со стрелками вверх / вниз не работают с поиском в bootstrap раскрывающемся списке Angular 7 - PullRequest
Новая
       40

События клавиатуры со стрелками вверх / вниз не работают с поиском в bootstrap раскрывающемся списке Angular 7

0 голосов
/ 28 мая 2020

мои события клавиш со стрелками вверх / вниз на клавиатуре работают после добавления class = "dropdown-item" в тег привязки li, однако не работают после выполнения поиска в раскрывающемся списке, вот мой код в настоящее время 

<div class="col-2">
        <span>TAX</span>
        <div class="item-details-description">
          <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" #currency>
            <span>{{freeText.selectedCurr}}</span>
            <img class="down-icon" src="../../../assets/img/g-arrow-right-orrange.svg"></button>
          <ul class="width-100 dropdown-menu wid85">
            <li class='fix topFixed'>
                <div class="col-12 resetPadding searchBox">
                  <span class="ui-inputgroup-addon"></span>
                  <input type="text" [value]="currency_srch" class="width-85 minWidth_Initial" (input)="currency_srch = $event.target.value"
                    placeholder="Search" (keydown)="onKey($event,'nineth')" #currencyInput/>
                </div>
              </li>
            <li *ngFor="let currency of freeText.currencyList index as i" (click)="selectedCurrency(currency)">
              <span class="ellipsisText wid100" title="{{currency.VALUE}}"><a class="dropdown-item"
                  href="javascript:void(0)">{{currency.VALUE}}</a></span>
            </li>
            <li class="bottomBorder"></li>
            <li *ngFor="let currency of freeText['currencyListAll'] | sortFilter: null: null : 'VALUE': currency_srch; index as i"
              (click)="selectedCurrency(currency)">
              <span class="ellipsisText wid100" title="{{currency.VALUE}}"><a class="dropdown-item"
                  href="javascript:void(0)">{{currency.VALUE}}</a></span>
            </li>
          </ul>
        </div>
      </div>
...