选择 angular 中的项目后保持菜单打开

Question

单击 toggleShare 按钮后，我的菜单正在关闭。我该如何防止这种情况。我使用 angularJS 和 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>

Answer 1

您可以使用 md-prevent-menu-close 属性来阻止菜单关闭，如 offical doc 中所建议的那样。这是你写代码的方式

<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

Answer 2

上面的答案应该是公认的答案，但您也可以使用 ngMouseup 而不是 ngClick，它的工作原理是一样的:)

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

选择 angular 中的项目后保持菜单打开

Keep menu open after selecting a item in angular

angularjs

angular-material