title: angular material pass table row data to menu items
body: <p>i need pass data from table row element to menu but it send only <code>undefined</code> data. i use <code>matMenuTriggerData</code> for that like this:</p>
  
  <pre><code>&lt;ng-container matColumnDef="execute"&gt;
     &lt;th mat-header-cell fxFlex="8%" fxLayoutAlign="start center" *matHeaderCellDef&gt;&lt;/th&gt;
     &lt;td mat-cell fxFlex="8%" fxLayoutAlign="start center" *matCellDef="let element"&gt;
         &lt;button mat-icon-button [matMenuTriggerFor]="menu" [matMenuTriggerData]="element"&gt;
             &lt;i class="material-icons" style="color: #368852"&gt;cloud_download&lt;/i&gt;
         &lt;/button&gt;
     &lt;/td&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p>and menu: </p>
  
  <pre><code>&lt;mat-menu #menu="matMenu"&gt;
      &lt;ng-template matMenuContent let-aliasMenuItems="element"&gt;
    &lt;button mat-menu-item (click)="cl(aliasMenuItems)"&gt;
      &lt;mat-icon&gt;dialpad&lt;/mat-icon&gt;
      &lt;span&gt;Redial&lt;/span&gt;
    &lt;/button&gt;
  ....
  &lt;/mat-menu&gt;
  </code></pre>
  
  <p>if you want to see in <a href="https://stackblitz.com/edit/angular-material-pass-rowdata-menu" rel="nofollow noreferrer">stackblitz</a></p>