单击垫子切换按钮后如何停止垫子菜单关闭？

Question

单击其中一个切换按钮后，垫子菜单会自动关闭。 我需要阻止这种情况发生。 这样当用户点击其他地方时，菜单就会关闭。

     <button [matMEnuTriggerFor]="popoverMenu">Menu</button>
     <mat-menu #popoverMenu="metMenu">
         <mat-button-toggle-group class="xyz" name="portfolioType" 
         (change)="portfolioTypeChange.emit($event.value)" [value]="portfolioType">
              <mat-button-toggle value="gross" disableRipple>Gross</mat-button-toggle>
              <mat-button-toggle value="net" disableRipple>Net</mat-button-toggle>
         </mat-button-toggle-group>
     </mat-menu>

Answer 1

in.html

<mat-button-toggle-group class="xyz" name="portfolioType" 
     (change)="handleChange($even)" (click) ="stopPropagation($event)"[value]="portfolioType">
in component.ts
stopPropagation(event) {
 event.stopPropagation()
 event.preventDefault()
}
handleChange(event)  {
   // your.emit() code
 
   event.stopPropagation()
   event.preventDefault()
}