Question

 <ng-container matColumnDef="actions">
    <mat-header-cell *matHeaderCellDef mat-sort-header>
    </mat-header-cell>
    <mat-cell *matCellDef>
   <ul class="dropdown-menu dropdown-menu-grid dropdown-menu-mat" style="display: block;">
   <li id="editEventName" ><a><span class="fas fa-pencil-alt"></span>Edit User</a></li>
   <li id="mapEvent"  >
   <a><span class="fas fa-user-plus"></span>Assign User</a>
   </li>           
   </ul>             
 </mat-cell>                  
</ng-container>

如何使用下拉列表中的图标（= 3行，我无法显示3行）。在表中用于删除和编辑操作

Answer 1

它在https://material.angular.io/components/menu/examples中有解释，下面的StackBlitz中给出了一个运行示例

要获取汉堡包图标，只需按以下步骤替换触发按钮的图标即可：

<mat-icon>menu</mat-icon>

如何使用下拉列表图标（= 3行）？

1 个答案: