如何在 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>