Запечатанный в выпадающем угловом js с данными

Question

Я новичок в угловых js. У меня есть раскрывающийся список, который содержит более 150 значений. Я хочу, чтобы поиск с раскрывающимся списком был прикреплен к нему. Итак, я пробовал все, но я не могу этого сделать. Итак, мой код -

HTML -

<div class="select-container col-sm-12 label-container" 
          ng-disabled="!objectPropertyForm.selectedObjectProperty"> 
          <span class="col-sm-4 text-right label-container"> 
           <label>Value : </label> 
          </span> 
          <span class="col-sm-8"> 
           <select 
            id="objectPropertyValueSelect" 
            name="objectPropertyValue" 
            class="btn btn-start col-sm-12" 
            ng-model="objectPropertyForm.selectedObjectPropertyValue" 
            ng-options="range as range.name for range in objectPropertyForm.selectedObjectProperty.rangeList | 
             filter:objectPropertyRangeFilter 
             track by range.name"> 
             <option value="" disabled selected>Select your option</option> 
           </select> 
          </span> 
        </div> 

контроллер -

$scope.objectPropertyRangeFilter = function (value) { 
        return !($scope.objectPropertyForm.selectedObjectProperty 
         .values.includes(value.name)); 
       }; 

, если при вводе он дает мне значения, я хочу иметь только то, что имена, в которых набранный текст настоящее время . Любая помощь будет оценена по достоинству.

Answer 1

Вы можете попробовать https://material.angularjs.org/latest/demo/autocomplete подобные решения

или пойти на https://github.com/darylrowland/angucomplete

, для которого вы должны предоставить $ scope.localdata = Ваш autofilldata