建议一种快速的解决方法，以防止md-menu-item单击时关闭md-menu [英] Suggest a quick workaround to prevent md-menu from closing on md-menu-item's click

问题描述

我试图防止md-menu在单击md-menu-item时关闭.我已经通过对角形材料menuServiceProvider的以下修复实现了它.

I am trying to prevent md-menu from closing on md-menu-item's click. I have achieved it with the following fix in angular material's menuServiceProvider.

在 https://中更改第286行github.com/angular/material/blob/master/src/components/menu/js/menuServiceProvider.js 允许这样做.

if (!target.hasAttribute('disabled') && !target.hasAttribute('md-menu-disable-close') &&
   (!closestMenu || closestMenu == opts.parent[0])) { close(); }

但是正在寻找替代方法.

But looking for an alternative to do this.

推荐答案

单击后需要打开菜单，您可以通过以下方法轻松尝试: md-prevent-menu-close ="md-prevent-menu-close "

need to open menu after click you can simpley try this with click : md-prevent-menu-close="md-prevent-menu-close"

角度为1.x

<i class="material-icons" 
   ng-click="$ctrl.deleteAlerts(item.MessageNumber)"
   md-prevent-menu-close="md-prevent-menu-close">
   delete
</i>

和角度为2.x或角度为6

<i class="material-icons" 
       (click)="deleteAlerts(item.MessageNumber)"
       md-prevent-menu-close="md-prevent-menu-close">
       delete
</i>

这篇关于建议一种快速的解决方法，以防止md-menu-item单击时关闭md-menu的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！