[英]How to open the menu on tabs using Angular Material?
如何将这两个材料组件组合在一起工作? 我只需要普通标签,但要打开菜单。
我尝试这样做:
<mat-tab-group>
<mat-tab label="A" [matMenuTriggerFor]="Menu" #menuTrigger="matMenuTrigger" (mouseenter)="menuTrigger.openMenu()">
<div>
Content
</div>
</mat-tab>
</mat-tab-group>
<mat-menu #Menu="matMenu">
<button mat-menu-item>Item 1</button>
<button mat-menu-item>Item 2</button>
</mat-menu>
好的,我知道了。
<mat-tab-group>
<mat-tab>
<ng-template mat-tab-label>
<button mat-icon-button [matMenuTriggerFor]="Menu" class="cloneIcon">
<mat-icon>more_vert</mat-icon>
</button>
{{label}}
</ng-template>
<mat-menu #Menu="matMenu">
<button mat-menu-item>Item 1</button>
<button mat-menu-item>Item 2</button>
</mat-menu>
</mat-tab>
</mat-tab-group>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.