建议快速解决方法以防止 md-menu 在单击 md-menu-item 时关闭

问题描述

我试图阻止 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 将允许这样做.

Changing line 286 in https://github.com/angular/material/blob/master/src/components/menu/js/menuServiceProvider.js would allow for this.

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"

在 Angular 1.x 中

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

和在 angular 2.x 或 angular 6

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

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