md-select 悬停打开 select 选项

Question

是否可以在鼠标悬停时展开 md-select？

例如，我希望此状态 select 在鼠标悬停时展开

<md-select placeholder="State" ng-model="ctrl.userState">
        <md-option ng-repeat="state in ctrl.states" value="{{state.abbrev}}">{{state.abbrev}}</md-option>
</md-select>

Answer 1

目前不支持此功能，我有点怀疑它是否会添加到 md-select 组件中 - 尽管您无论如何都应该在 Github 中打开一个票证并说明您的使用 -案例.

今天添加的新 md-menu 组件中更可能存在此功能：https://material.angularjs.org/0.10.0-rc1/#/demo/material.components.menu

无论哪种方式，我都会开一张 Github 票来进行讨论。

话虽如此，我整理了一个可能适合您的快速解决方案。

更新的 CodePen：http://codepen.io/robertmesserle/pen/qdmQpp

这使用以下 HTML:

<md-select
    placeholder="State"
    ng-model="ctrl.userState"
    ng-mouseenter="ctrl.handleMouseEnter($event)">
  <!-- content -->
</md-select>

和handleMouseEnter方法：

this.handleMouseEnter = function (event) {
  angular.element(event.target).triggerHandler('click');
}

md-select 悬停打开 select 选项

md-select on hover open select options

css

angularjs

angular-material