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

Question

我试图阻止 md-menu 在 md-menu-item 点击时关闭。我通过在 Angular Material 的 menuServiceProvider 中进行以下修复来实现它。

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

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

但正在寻找替代方案来做到这一点。

Answer 1

需要在单击后打开菜单，您可以简单地通过单击尝试此操作: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>