Autocomplete в элементе select

Question

Я использую json-editor для создания виджета для меня, используя схему, которую я передаю из базы данных sql на стороне клиента.

Виджет содержит несколько элементов «выбрать» ... параметры в этих элементах выбора могут быть расширенными, я хочу иметь текстовое поле ввода или каким-то образом преобразовать элемент выбора, чтобы иметь возможность использовать тип пользователя что они хотят и имеют поиск в реальном времени в реальном времени. IE:

<select> 
     <option>Apple</option> 
     <option>Banana</option> 
     <option>Orange</option> 
     ... 
</select> 

У меня есть доступ к объекту JSON, чтобы заполнить выделение, так что я могу заменить или хранить его внутри, где я могу просто создать HTML элемент ввода, чтобы иметь функцию «поиск». В некотором смысле это будет похоже на панель поиска Google, в которой он будет активно запрашивать сохраненный массив и отображать их по мере ввода.

Answer 1

Сначала вы хотите визуализировать принятое JSON в angularJS массив следующим образом:

$scope.myArray = angular.json(myData); 

Затем вы можете создать поле выбора из этого массива:

<select> 
    <option ng-repeat="element in myArray | filter:mySearchString"> 
     {{element}} 
    </option> 
</select> 

И, наконец, создать вход в фильтруйте этот массив:

<input type="text" ng-model="mySearchString"> 

Это должно сработать! дай мне знать.