保持mat-menu开放角度

Question

我试图在菜单中使用复选框选项,但我需要保持菜单打开,直到用户选择完选项.我正在使用最新版本的Angular.先感谢您!

我已经联合嵌套垫菜单,这里有复选框:

我尝试了什么,但选中一个复选框后菜单关闭:

<mat-menu #worldtest="matMenu" md-prevent-menu-close="md-prevent-menu-close">
     <section><mat-checkbox class="example-margin" [(ngModel)]="checked">Checked</mat-checkbox></section>
     <section><mat-checkbox class="example-margin" [(ngModel)]="indeterminate">Indeterminate</mat-checkbox></section>
</mat-menu>

Answer 1

当您在mat菜单上使用复选框(或响应点击的任何交互元素),并且您不希望单击它时关闭菜单时,您需要阻止菜单通过停止它来接收click事件与MouseEvent.stopPropagation().尝试这样的事情:

<mat-checkbox (click)="$event.stopPropagation()">Check Me</mat-checkbox>

该md-prevent-menu-close功能来自AngularJS的旧Angular Material - Angular Material(v6)的"最新版本"没有该功能.Angular材料(AngularJS的v1.x)和Angular Material2(Angular的v2/5/6)不可互换.