如何在根据条件悬停matoptions时显示工具提示？[复制]

<!-- app.component.html -->
<button mat-raised-button [matTooltip]="getTooltipMessage()" matTooltipShow="showTooltip">
  Hover me to see tooltip
</button>

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  showTooltip = false;

  getTooltipMessage(): string {
    // 根据条件返回不同的工具提示消息
    return this.showTooltip ? 'This is a tooltip message!' : '';
  }

  toggleTooltip(): void {
    // 切换工具提示的显示状态
    this.showTooltip = !this.showTooltip;
  }
}

<!-- app.component.html -->
<button mat-raised-button [matTooltip]="getTooltipMessage()" 
        (mouseenter)="toggleTooltip()" (mouseleave)="toggleTooltip()">
  Hover me to see tooltip
</button>

ng add @angular/material