Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Which mat-menu was selected?

The Angular Material documentation shows us the markup for mat-menu:

<button mat-icon-button [matMenuTriggerFor]="menu" aria-label="Example icon-button with a menu">
  <mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <button mat-menu-item>
    <mat-icon>dialpad</mat-icon>
    <span>Redial</span>
  </button>
  <button mat-menu-item disabled>
    <mat-icon>voicemail</mat-icon>
    <span>Check voice mail</span>
  </button>
</mat-menu>

But does not show how to capture which mat-menu-item was selected. How do we do this?

like image 588
Ole Avatar asked Sep 06 '25 03:09

Ole


1 Answers

I have not found it in Angular documentation, but as you have used button in mat-menu-item, you can use its click event to capture the selected value like below

<button mat-menu-item (click)="selectedMenu('Redial')">
    <mat-icon>dialpad</mat-icon>
    <span>Redial</span>
  </button>
like image 166
Passionate Coder Avatar answered Sep 08 '25 00:09

Passionate Coder



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!