Angularjs 角材料中的md菜单行为_Angularjs_Angular Material

Angularjs 角材料中的md菜单行为

angularjs angular-material

Angularjs 角材料中的md菜单行为,angularjs,angular-material,Angularjs,Angular Material,我想有多个md菜单，并使每一个打开关闭另一个不必关闭已经打开的第一？如何更改默认行为这里有一把小提琴来说明：先开测试1 测试2 测试3 测试4 开放秒测试1 测试2 测试3 测试4 角度模块（'BlankApp'，['ngMaterial']）；您必须将md菜单栏与md工具栏一起使用才能获得所需的结果，并且必须使用按钮代替md按钮打开菜单（触发器元素）。例如，检查下面的笔谢谢！！这真是太棒了，但是当我打开一个菜单，只需悬停它就会切换到另一个菜单时，如果可能的话，如何通过单击来实

我想有多个md菜单，并使每一个打开关闭另一个不必关闭已经打开的第一？如何更改默认行为

这里有一把小提琴来说明：


先开
测试1
测试2
测试3
测试4
开放秒
测试1
测试2
测试3
测试4
角度模块（'BlankApp'，['ngMaterial']）；

您必须将

md菜单栏

与

md工具栏

一起使用才能获得所需的结果，并且必须使用

按钮

代替

md按钮

打开菜单（触发器元素）。例如，检查下面的笔

谢谢！！这真是太棒了，但是当我打开一个菜单，只需悬停它就会切换到另一个菜单时，如果可能的话，如何通过单击来实现呢？你想禁用悬停效果吗？你想打开不止一个菜单吗？不，我只想打开一个菜单，并且只在可能的情况下单击时打开，悬停时不打开这是不需要的，提前感谢我认为它是可行的解决方案，让用户只点击一次，然后悬停，如果想打开另一个菜单，而不是再次点击。你是绝对正确的，但我只是问你是否碰巧知道？

<body ng-app="BlankApp" ng-cloak>

<md-menu md-offset="10 60" >
            <!-- Trigger element is a md-button with an icon -->
            <md-button ng-click="$mdOpenMenu($event)" aria-label="Open sample menu">
            open first
            </md-button>
            <md-menu-content width="6" id="messages">

                <md-menu-item md-menu-origin md-menu-align-target ><md-button ng-click="doSomething()">
                    Test 1
                </md-button></md-menu-item>

                <md-menu-item><md-button ng-click="doSomething()">
                    Test 2
                </md-button></md-menu-item>

                <md-menu-item><md-button ng-click="doSomething()">
                   Test 3
                </md-button></md-menu-item>

                <md-menu-item><md-button ng-click="doSomething()">
                   Test 4
                </md-button></md-menu-item>

            </md-menu-content>
        </md-menu>

        <md-menu md-offset="10 60" >
            <!-- Trigger element is a md-button with an icon -->
            <md-button ng-click="$mdOpenMenu($event)" aria-label="Open sample menu">
            open second
            </md-button>
            <md-menu-content width="6" id="messages">

                <md-menu-item md-menu-origin md-menu-align-target ><md-button ng-click="doSomething()">
                    Test 1
                </md-button></md-menu-item>

                <md-menu-item><md-button ng-click="doSomething()">
                    Test 2
                </md-button></md-menu-item>

                <md-menu-item><md-button ng-click="doSomething()">
                   Test 3
                </md-button></md-menu-item>

                <md-menu-item><md-button ng-click="doSomething()">
                   Test 4
                </md-button></md-menu-item>

            </md-menu-content>
        </md-menu>

        <script>
            angular.module('BlankApp', ['ngMaterial']);

        </script>