如何使用下拉列表图标(= 3行)?

问题描述 投票:0回答:1
 <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行)图标。在表中以进行删除和编辑操作

html angular-material angular-reactive-forms angular-material-6
1个回答
0
投票

https://material.angular.io/components/menu/examples处进行了解释,并在下面的StackBlitz中给出了运行示例

要获得汉堡包图标,只需按以下步骤替换触发按钮的图标:

© www.soinside.com 2019 - 2024. All rights reserved.