You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.7 KiB
66 lines
1.7 KiB
<button mat-button [matMenuTriggerFor]="menu">菜单</button> |
|
<mat-menu #menu="matMenu"> |
|
<button mat-menu-item>我是老大</button> |
|
<button mat-menu-item>我是老二</button> |
|
</mat-menu> |
|
|
|
|
|
|
|
|
|
<button mat-icon-button [matMenuTriggerFor]="appMenu"> |
|
<mat-icon>more_vert</mat-icon> |
|
</button> |
|
<!-- <mat-menu #appMenu="matMenu"> |
|
<button mat-menu-item>设置</button> |
|
<button mat-menu-item>帮助</button> |
|
</mat-menu> --> |
|
|
|
<mat-menu #appMenu="matMenu"> |
|
<button mat-menu-item> |
|
<mat-icon>dialpad</mat-icon> |
|
<span>重播</span> |
|
</button> |
|
<button mat-menu-item disabled> |
|
<mat-icon>voicemail</mat-icon> |
|
<span>检查邮件</span> |
|
</button> |
|
<button mat-menu-item> |
|
<mat-icon>notifications_off</mat-icon> |
|
<span>禁止弹出框</span> |
|
</button> |
|
</mat-menu> |
|
|
|
|
|
|
|
|
|
|
|
<button mat-icon-button [matMenuTriggerFor]="rootMenu"> |
|
动物 |
|
</button> |
|
<mat-menu #rootMenu="matMenu"> |
|
<!-- 延时渲染 --> |
|
<ng-template matMenuContent> |
|
<button mat-menu-item [matMenuTriggerFor]="subMenu">家养</button> |
|
<button mat-menu-item>野生</button> |
|
</ng-template> |
|
|
|
</mat-menu> |
|
|
|
<mat-menu #subMenu="matMenu"> |
|
<button mat-menu-item [matMenuTriggerFor]="subMenu2">小狗</button> |
|
<button mat-menu-item>小猫</button> |
|
<button mat-menu-item>小乌龟</button> |
|
</mat-menu> |
|
<mat-menu #subMenu2="matMenu"> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
<button mat-menu-item>小黑狗</button> |
|
</mat-menu> |
|
|
|
|