mdMenu：无法读取 null 的属性“打开”答案

【问题标题】：mdMenu: Cannot read property 'open' of nullmdMenu：无法读取 null 的属性“打开”
【发布时间】：2016-05-26 18:03:28
【问题描述】：

在使用 angular-material 设计时，发现了一个错误... 在 md-menu 上，如果您有一个子菜单项（如您在图像中看到的）并且您打开 subMenu 然后将鼠标悬停在非子菜单项（菜单项）上，则会引发错误“无法读取属性'打开' of null" 并且即使在将鼠标悬停在不同的菜单项上并且需要单击以打开子菜单项后仍保持突出显示。

代码：

<md-menu>
        <button ng-click="$mdOpenMenu()">menu</button>
        <md-menu-content>
          <md-menu-item>
            <md-button ng-click="---">menu item</md-button>
          </md-menu-item>
          <md-menu-divider></md-menu-divider>
          <md-menu-item>
            <md-menu>
              <md-button ng-click="$mdOpenMenu()">sub menu</md-button>
              <md-menu-content>
                <md-menu-item><md-button ng-click="---">sub menu item</md-button></md-menu-item>
              </md-menu-content>
            </md-menu>
          </md-menu-item>
        </md-menu-content>
      </md-menu>

【问题讨论】：

问题是什么？如果它真的是一个角度材料错误，您可以在 github github.com/angular/material/issues 上打开一个问题

标签： javascript angularjs angular-material mean-stack

【解决方案1】：

您从文档中复制了示例。这些示例不起作用。

 <md-menu>
   <md-button ng-click="openMenu($mdOpenMenu, $event)">MENU</md-button>
   <md-menu-content width="4">
     <md-menu-item>
       <md-button ng-click="---">sub menu item</md-button>
     </md-menu-item>
   </md-menu-content>
 </md-menu>

在你的控制器中：

 var originatorEv;
 scope.openMenu = function ($mdOpenMenu, ev) {
        originatorEv = ev;
        $mdOpenMenu(ev);
    };

【讨论】：