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>

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

1 个答案: