Question

我在我的一个phonegap项目中使用Angular-Material，我有一个菜单（md-menu）。此菜单在更广泛的布局上适用于浏览器，但是当在Android或iPhone上部署应用程序时，甚至在浏览器上，当浏览器大小缩小到手机大小时，单击md按钮时菜单不会关闭。单击菜单外部时菜单关闭，但单击按钮时也应该关闭。有人可以指出下面代码中缺少的任何内容。

这是我的代码：

<md-menu>
<button ng-click="$mdOpenMenu()">
    <i class="fa fa-ellipsis-v  fa-lg"></i>
</button>
<md-menu-content>
    <md-menu-item>
        <md-button ng-click="goToHome();"><span><i
                class="fa fa-search fa-lg"></i> Search</span>
        </md-button>
    </md-menu-item>
    <md-menu-item>
        <md-button ng-click="goToCreate();"><span><i
                class="fa fa-plus fa-lg"></i>  Create</span>
        </md-button>
    </md-menu-item>
</md-menu-content></md-menu>

Answer 1

一种解决方案是在控制器中注入$mdMenu并在你的ngClick回调中调用$mdMenu.hide()。

示例：

angular.module('demo').controller('DemoCtrl', function($scope, $mdMenu) {
  $scope.goToHome = function() {
    $mdMenu.hide();
    // doSomeThing....
  }
});

角度材料||单击某个项目时，md-menu不会在手机上关闭

1 个答案: