在 mat-tab 标签上附加工具提示

Question

我一直在尝试在选项卡上添加工具提示，但似乎无法添加。我正在使用 matTooltip，但在悬停时什么也没有发生。看过有关 stackoverflow 的文档和其他问题，但似乎无法指出问题的根本原因。

有什么我想念的吗。提前致谢。

   <mat-tab-group (selectedTabChange)="toggleUserType($event)">
            <mat-tab label="Users" class="labelHeading" >
            </mat-tab>
            <mat-tab label="Bounced Users " class="labelHeading" matTooltip="See Pictures">
            </mat-tab>
          </mat-tab-group>

Answer 1

工作演示

添加ng-template：

<ng-template mat-tab-label>
    <label  class="labelHeading" matTooltip="See Pictures"matTooltipClass="example-tooltip-red1">Bounced Users  
    </label>
</ng-template>

像这样尝试：

<mat-tab-group (selectedTabChange)="toggleUserType($event)">
    <mat-tab label="Users" class="labelHeading">
    </mat-tab>
    <mat-tab label="Bounced Users " class="labelHeading" matTooltip="See Pictures">
        <ng-template mat-tab-label>
            <label  class="labelHeading" matTooltip="See Pictures"matTooltipClass="example-tooltip-red1">Bounced Users  </label>
        </ng-template>
    </mat-tab>
</mat-tab-group>