istudent Ответов: 1

Как фильтровать и динамически выбирать выпадающий список в angular js


I have input text box to filter items from a dropdown Select list. 
This works fine. 

But there are two problems.

1. When data gets populated i want 1st item to be visible in dropdown.
2. As i type in filter box first matching among the list should be displayes in the dropdown control.

How do i achieve this?


Что я уже пробовал:

My code


<input type="text" id="fromSearchBox" class="form-control w-auto h-25" ng-model="SearchEmployee" />
                                            <select class="form-control" ng-model="fromManagerInfo">
                                                <option ng-repeat="emp in employees|filter:SearchEmployee">{{emp.EmployeeInfo}}
                                                </option>
                                            </select>

1 Ответов

Рейтинг:
2

sajeetharan

Вы можете установить selectedItem с помощью ng-model на ng-init

<input type="text" ng-init="SearchEmployee = employees[0]" id="fromSearchBox" class="form-control w-auto h-25" ng-model="SearchEmployee" />


а для фильтра вы уже используете фильтр


istudent

Это ведет себя так же. Он не выбирает предварительно элементы из списка, поскольку он фильтрует.