以角度选择项目后保持菜单打开 [英] Keep menu open after selecting a item in angular

问题描述

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

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>

推荐答案

您可以使用 md-prevent-menu-close 属性来阻止菜单关闭，如 官方文档.这是你编写代码的方式

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屋！