如何过滤下拉列表并绑定角度js中选择下拉列表中的第一个匹配项

Question

我有输入文本框来过滤下拉选择列表中的项目。 这很好用。

但有两个问题。

1. 填充数据时，我希望第一项在下拉列表中可见。
2. 当我输入过滤器框时，列表中的第一个匹配应显示在下拉控件中。

我如何实现这一目标？

<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>

Answer 1

您可以在ng-init

上使用ng-model设置selectedItem

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

对于过滤器，您已使用 filter