Внедрение $mdMenu в область видимости. Невозможно прочитать свойство open() из undefined

Я пытаюсь заставить меню конструктора материалов Angular работать, но, похоже, я не могу использовать $mdMenu, который должен быть введен с помощью ng-click.

Моя разметка HTML:

<div layout="column" layout-fill ng-controller="AuthControl">
    <md-toolbar ng-controller="navigationControl">
        <div ng-controller="menu as ctrl">
          <md-menu>
             <md-button class="md-icon-button" ng-click="ctrl.open($mdMenu, $event)">
               <md-icon>menu</md-icon>
             </md-button>
             <md-menu-content width="4">
                <md-menu-item>
                   <md-button>
                       <md-icon>account_circle</md-icon>
                   </md-button>
                </md-menu-item>
             </md-menu-content>
         </md-menu>
      </div>
   </md-toolbar>
</div>

Контроллер Angular:

controllers.controller('menu', function menuControl($mdDialog) {
   var originatorEv;

   this.open = function($mdMenu, ev) {
     originatorEv = ev;
     $mdMenu.open(ev);
   };
});

Контоллер вводится правильно, но когда я запускаю, я получаю сообщение об ошибке

TypeError: Cannot read property 'open' of undefined

Кто-нибудь знает, как это исправить? Благодаря

Ответы

Ответ 1

Вместо mdMenu перейдите mdOpenMenu

  <md-button aria-label="menu" class="md-fab md-mini md-primary" ng-click="ctrl.openMenu($mdOpenMenu, $event)">

Контроллер:

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

DEMO

Ответ 2

"$ mdOpenMenu" был заменен на "$mdMenu.open" и теперь устарел. Используйте последнюю версию Angular Material, и она будет работать нормально.

введите описание изображения здесь