angular - 如何在角度材料ui中的mat-menu内放置下拉菜单

Question

我想在 mat-menu 中添加下拉菜单来代替设置选项。这将是角色下拉列表，用户可以在其中单击帐户，然后从菜单中他/她将在分配给他的多个角色的情况下更改其角色。

标签： angularangular-material

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>