如何使用Angular Material打開選項卡上的菜單？

Question

如何將這兩個材料組件組合在一起工作？ 我只需要普通標簽，但要打開菜單。

我嘗試這樣做：

<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>

Answer 1

好的，我知道了。

<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>