如何在角度7中防止未经用户许可关闭材质菜单

Question

我有一个mat-menu包含多个复选框的应用程序，我希望用户在检查所需的所有类型的过滤器时将其关闭。

实际的行为是当您单击任何内容时，它将自动关闭。

我有以下代码：

<button color="warn" mat-button [matMenuTriggerFor]="menu">Menu</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>
    <mat-checkbox color="warn">
      By LM
    </mat-checkbox>&nbsp;
  </button>
  <button mat-menu-item>
    <mat-checkbox color="warn">
      By UN
    </mat-checkbox>&nbsp;
  </button>
</mat-menu>

我在堆栈溢出时检查了此帖子，但该事件未起作用。

他们从文档中说：

@Output（）关闭：EventEmitter

菜单关闭时发出的事件。

但是我无法弄清楚如何使用此输出，以及它是否与我需要的输出有关。

这是一堆堆炸弹。

如何防止mat-menu在用户未单击的情况下关闭？

Answer 1

我检查了您的堆叠闪电，您可以执行以下操作：

<button mat-menu-item (click)="$event.stopPropagation();">

这样可以防止它关闭。