单击该行时，每个垫子行的角度材料菜单答案

【问题标题】：Angular Material Menu per mat-row on click to the row单击该行时，每个垫子行的角度材料菜单
【发布时间】：2022-10-06 20:45:01
【问题描述】：

我有这个材料表：

<table mat-table
       [dataSource]=\"dataSource\">

  <ng-container matColumnDef=\"id\">
    <th mat-header-cell
        *matHeaderCellDef>ID</th>
    <td mat-cell
        *matCellDef=\"let report\"
        [innerText]=\"report.id\"></td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef=\"[\'id\']\"></tr>
  <tr mat-row *matRowDef=\"let row; columns: [\'id\'];\"></tr>

</table>

我正在尝试为mat-row 实现[matMenuTrigger]。每行都有自己的mat-menu，属性为report。

问题是我能做到

<tr mat-header-row *matHeaderRowDef=\"[\'id\']\" [matMenuTriggerFor]=\"rowMenu\"></tr>

但是我没有对reportMenu 的引用，因为我只能在一些matColumnDef 中定义reportMenu：

  <ng-container matColumnDef=\"id\">
    <th mat-header-cell
        *matHeaderCellDef>ID</th>
    <td mat-cell
        *matCellDef=\"let report\"
        [innerText]=\"report.id\"></td>

    <mat-menu #reportMenu=\"matMenu\">
        {{ report.name }}
    </mat-menu>

  </ng-container>

当我引用mat-row 时，我没有引用report 本身。我该如何解决这个问题？