选中一个项目后保持菜单打开 [英] Keep menu open after selecting a item in angular

问题描述

单击toggleShare按钮后，菜单关闭.我怎样才能防止这种情况.我将AngularJS与angularJS一起使用

My menu is closing after I click on my toggleSharebutton. How can i prevent this. I use angularJS with Angular material

这是我的代码:

 <md-menu>
        <md-button ng-click="$mdOpenMenu()">
        </md-button>
        <md-menu-content>
            <md-menu-item>
              <md-button ng-click="toggleShare()"> 
              </md-button>
            </md-menu-item>
        </md-menu-content>
    </md-menu>

推荐答案

如

You can use md-prevent-menu-close attribute to stop menu from closing as suggested in offical doc. Here is how you write code

<md-menu>
    <md-button ng-click="$mdOpenMenu()">
    </md-button>
    <md-menu-content>
        <md-menu-item>
          <md-button ng-click="toggleShare()" md-prevent-menu-close="md-prevent-menu-close"> 
          </md-button>
        </md-menu-item>
    </md-menu-content>
</md-menu>

这是使用此方法所需结果的有效示例. http://codepen.io/next1/pen/aNadYR

Here is a working example of your desired result using this method. http://codepen.io/next1/pen/aNadYR

这篇关于选中一个项目后保持菜单打开的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！