javascript - válida - no se pudo descargar la propiedad og image de la url

Inyectando $ mdMenu en el alcance. No se puede leer la propiedad open() de undefined

Question

Estoy tratando de que el menú de Diseño de Material Angular funcione, pero parece que no puedo usar el $ mdMenu que se supone que debe ser inyectado por el clic de ng.

Mi código 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>

El controlador angular:

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

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

El controlador se inyecta correctamente, pero cuando ejecuto me sale el error

TypeError: Cannot read property ''open'' of undefined

Sabe alguien cómo arreglar esto? Gracias

Answer 1

"$ mdOpenMenu" ha sido reemplazado por "$ mdMenu.open" y ahora está en desuso. Use la última versión de material angular y funcionará bien.

Answer 2

En lugar de mdMenu , pase mdOpenMenu

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

Controlador:

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

DEMO