Html选择标签和angularjs

Question

我有这个选择：

<select ng-model="myModel" ng-options="currentFruit.id as currentFruit.nom for currentFruit in transports | orderBy: 'name'" >
</select>

当我键入“O”时，列表中以“O”开头的第一个元素出现在列表底部，然后我需要向下滚动才能查看以“O”开头的下一个项目。
我希望以“O”开头的第一个元素出现在列表顶部。
有可能吗？

我希望我是清楚的......

感谢您的帮助。

Answer 1

这不是 Angular 特定的问题。这是默认的浏览器选择菜单功能。由于它几乎完全由浏览器处理，因此无法随心所欲地对其进行操作。

要实现您想要做的事情，您需要找到一个自定义选择菜单插件或构建您自己的插件。自定义选择下拉菜单使用 div 重新创建，并设置为看起来像选择菜单下拉菜单。我不确定哪些自定义选择菜单会为您提供您正在寻找的功能，但您必须四处搜索。