Javascript 角度材质,鼠标退出后菜单不应可见
我使用角材质显示菜单,菜单将显示在md按钮的鼠标上方。但是如果我没有选择一个选项并退出菜单,那么菜单就不会被关闭。JS代码如下Javascript 角度材质,鼠标退出后菜单不应可见,javascript,css,angularjs,Javascript,Css,Angularjs,我使用角材质显示菜单,菜单将显示在md按钮的鼠标上方。但是如果我没有选择一个选项并退出菜单,那么菜单就不会被关闭。JS代码如下 angular.module('MyApp',['DirectiveApp']) .controller('AppCtrl', function($scope) { $scope.openMenu = function($mdOpenMenu, ev) { $mdOpenMenu(ev); }; $scope.alertUser = fu
angular.module('MyApp',['DirectiveApp'])
.controller('AppCtrl', function($scope) {
$scope.openMenu = function($mdOpenMenu, ev) {
$mdOpenMenu(ev);
};
$scope.alertUser = function(args){
alert("You Clicked : "+args);
};
});
<md-menu>
<md-button ng-mouseover="openMenu($mdOpenMenu, $event)">Call Button</md-button>
<md-menu-content width="4">
<md-menu-item>
<md-button ng-click="alertUser('Redial')">
Redial
</md-button>
</md-menu-item>
<md-menu-item>
<md-button ng-click="alertUser('Voicemail')">
Check voicemail
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
html代码如下
angular.module('MyApp',['DirectiveApp'])
.controller('AppCtrl', function($scope) {
$scope.openMenu = function($mdOpenMenu, ev) {
$mdOpenMenu(ev);
};
$scope.alertUser = function(args){
alert("You Clicked : "+args);
};
});
<md-menu>
<md-button ng-mouseover="openMenu($mdOpenMenu, $event)">Call Button</md-button>
<md-menu-content width="4">
<md-menu-item>
<md-button ng-click="alertUser('Redial')">
Redial
</md-button>
</md-menu-item>
<md-menu-item>
<md-button ng-click="alertUser('Voicemail')">
Check voicemail
</md-button>
</md-menu-item>
</md-menu-content>
</md-menu>
呼叫按钮
重拨
检查语音信箱
请找到指向plunker的链接您必须在ng mouseleave事件时触发模式关闭。问题在于md菜单。到目前为止,它没有公开任何用于关闭菜单的API。如果用户提供了它,您可以简单地使用它
ng mouseleave=“$mdCloseMenu(ev)”
如何关闭模式?没有模式,它的菜单。你有解决方案吗?angular团队有关于这个的错误报告吗?