Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度材质,鼠标退出后菜单不应可见_Javascript_Css_Angularjs - Fatal编程技术网

Javascript 角度材质,鼠标退出后菜单不应可见

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

我使用角材质显示菜单,菜单将显示在md按钮的鼠标上方。但是如果我没有选择一个选项并退出菜单,那么菜单就不会被关闭。JS代码如下

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团队有关于这个的错误报告吗?