Внедрение $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, и она будет работать нормально.
![введите описание изображения здесь]()