javascript - 如何使用 Angular Material 打开选项卡上的菜单？

Question

如何将这两个 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>

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>