Поиск не работает в выпадающем списке автозаполнения JQuery

Question

У меня есть раскрывающийся список автозаполнения JQuery в диалоге начальной загрузки в приложении Angular JS.

Я могу выбрать элементы в раскрывающемся списке, но не могу найти элементы.

В чем проблема и как ее решить?

"Это прекрасно работает вне модального бутстрапа"

.

Answer 1

Я предполагаю, что вы отображаете элементы в раскрывающемся списке, используя ng-repeat. Если это так, вы можете просто использовать встроенный Angular filter. Вот как это может выглядеть, но я не могу включить это в ваш код, потому что вы его не предоставили.

<div class="dropdown-options">
    <div class="filter-input-container">
        <input type="text" ng-model="searchText" class="filter" />
        <i class="fa fa-search"></i>
    </div>
    <div class="option-container" ng-repeat="option in listOptions | filter:searchText">
        <span>{{option.value}}</span>
    </div>
</div>

С этим кодом Angular будет фильтровать опции insdie listOption по ключевому слову, которое вы введете в поле ввода. Вы должны привязать свой элемент ввода к ng-model, который в данном случае равен searchText (имя может быть любым, что вы хотите), а затем вы должны указать filter, какую переменную использовать для фильтрации filter:searchText