Angularjs 安格拉斯<；md菜单内容>；不'；在菜单外单击时无法关闭

我已经实现了一个AngularJS菜单引用文章，我的菜单项也包含一个子菜单。当我将鼠标停留在菜单项上时，子菜单将打开，但当我将鼠标移动到另一个菜单项或单击窗口中的其他位置（菜单区域除外）时，子菜单项不会关闭

当我在菜单项上移动鼠标时

当我单击菜单项的外侧时

这是菜单的代码

<md-list-item>
     <md-menu md-position-mode="cascade" >
          <a class="w3-button w3-block w3-flat-clouds w3-left-align menu-button" ng-href="#/register" style="vertical-align: middle"  href="#/register" ng-mouseenter="$mdOpenMenu()"  >
              <md-icon ><i class="material-icons">&#xE8A6;</i></md-icon> 
              <span >Account</span>
          </a>

         <md-menu-content width="4" style="top:64px"  md-autofocus="true">
               <md-menu-item ng-repeat="item in [1, 2, 3]"   >
                     <md-button >Account {{item}}</md-button>
               </md-menu-item>
         </md-menu-content>
     </md-menu>
</md-list-item>

帐户{{item}

有人能告诉我这种行为的原因或我错过了什么吗？

看看这个

angular.module（'myApp'，['ngMaterial']）

菜单
帐户{{item}
创建一个plunker来重现您的问题