angular - 使用粘性表末尾的更多按钮将 Angular 材质菜单添加到 Angular 材质表中的每一行

Question

我有一个要添加more_vert button切换的粘性表，但我无法实现这一点，因为我不知道如何区分彼此drop down menu list。

此表是来自 REST API 的用户数据列表，每行的菜单应显示： - delete user - edit user profile 当我单击more button

到目前为止，我一直遵循 Material Menus 和 Sticky Table 的文档，但每次单击按钮以在任何行上显示下拉菜单

     <ng-container matColumnDef="actions" stickyEnd>
         <th mat-header-cell *matHeaderCellDef mat-sort-header> </th>                  
         <td mat-cell *matCellDef="let user"> 
            <button mat-icon-button [matMenuTriggerFor]="user.user_id" aria-label="">
                <mat-icon>more_vert</mat-icon>
            </button>
            <mat-menu #appMenu="user.user_id">
              <button mat-menu-item>Delete</button>
              <button mat-menu-item>Edit</button>
            </mat-menu>  
        </td>
     </ng-container>

标签： angularangular-material

Answer 1

您引用了错误的菜单。

[matMenuTriggerFor]="user.user_id" 

应该

[matMenuTriggerFor]="appMenu"