2015-06-09 2 views
2

Возможно ли развернуть md-select при наведении указателя мыши?md-select on hover open select options

Например, я хочу, чтобы это государство выбрать, чтобы расширить мыши парят

http://codepen.io/anon/pen/vOmQgj

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

В своей документации не вариант для этого. Но я думаю, что вы можете отредактировать свою директиву md-select, чтобы сделать это. Это немного сложно, но может. – chamath

+0

Я не достаточно квалифицирован для выполнения этой функции. Любые берущие? :) – Andrey

ответ

4

Это не поддерживается, и я вроде сомневаюсь, что он будет добавлен к 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'); 
} 
+0

У меня было несколько md-select на странице. после выбора одного я нуждался в следующем, чтобы открыть автоматически в последовательности, и ваше решение было исправлением. Благодаря! – Helzgate