如何在 angular 材料 ui 中的 mat-menu 中放置下拉菜單

Question

我想在 mat-menu 中添加下拉菜單來代替設置選項。 這將是角色下拉菜單，用戶可以在其中單擊帳戶，並且在分配給他的多個角色的情況下，他/她將在菜單中更改其角色。

Answer 1

這是不可能的。

您可以做的是添加一個子菜單。 子菜單項是角色。

<mat-menu #rootMenu="matMenu">
   <button mat-menu-item [matMenuTriggerFor]="subMenu">My Account</button>
   <button mat-menu-item>Settings</button>
</mat-menu>

<mat-menu #subMenu="matMenu">
   <button mat-menu-item (click)="setRole('admin')">Admin</button>
   <button mat-menu-item (click)="setRole('test')">Testuser</button>
   <button mat-menu-item (click)="setRole('admin')">Normal User</button>
</mat-menu>