javascript - md菜单 : Cannot read property 'open' of null

Question

使用 Angular Material 设计时，发现了一个错误......在 md-menu 上，如果您有一个子菜单项(如图所示)并且打开子菜单，然后将鼠标悬停在非子菜单项(菜单项)上，则会抛出错误“无法读取属性‘打开’ 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>   

] 2

Answer 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>

在你的 Controller 中:

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