访问 AngularJS 下拉列表中突出显示的项目
Access highlighted item in AngularJS dropdown list
我正在生成这样的下拉列表：
<select ng-model="myModel.someName" ng-options="item.name as item.value for item in dropdownListOptions" ></select>
这很好用，但现在我希望能够在用户点击其中一项 select 之前，在用户上下移动时显示有关列表中每个项目的更多信息。
换句话说，我需要获取鼠标悬停而没有被点击的当前高亮选项的值。
这不是你可以用普通 Javascript 得到的东西，你也不会用 Angular 做得更好。下拉列表的 option 个元素没有鼠标悬停事件。
实现此目的的唯一方法是创建一个由 HTML 元素组成的自定义下拉列表，您将向其附加事件处理程序。
例如，您可以使用 Bootstrap CSS。
我正在生成这样的下拉列表：
<select ng-model="myModel.someName" ng-options="item.name as item.value for item in dropdownListOptions" ></select>
这很好用，但现在我希望能够在用户点击其中一项 select 之前，在用户上下移动时显示有关列表中每个项目的更多信息。
换句话说，我需要获取鼠标悬停而没有被点击的当前高亮选项的值。
这不是你可以用普通 Javascript 得到的东西，你也不会用 Angular 做得更好。下拉列表的 option 个元素没有鼠标悬停事件。
实现此目的的唯一方法是创建一个由 HTML 元素组成的自定义下拉列表，您将向其附加事件处理程序。 例如，您可以使用 Bootstrap CSS。