求助：Angular matTooltip工具提示无法正常工作问题排查

• 核心问题：你代码里仅添加了matTooltipClass样式类，但未使用Angular Material tooltip的核心指令matTooltip，反而使用原生title属性，这会导致Material tooltip组件无法生效。

• 修复步骤：

  1. 替换原生title属性为matTooltip指令，绑定翻译后的文本：

     <div class="btn-edit-nounderline" 
          matTooltipClass="custom-tooltip" 
          (click)="edit(row.widgetAccess)"  
          [matTooltip]="getTitle(row.widgetAccess.widgets.length)">
     

  2. 确保组件所属模块已导入MatTooltipModule：

     import { MatTooltipModule } from '@angular/material/tooltip';
     
     @NgModule({
       imports: [
         // ...其他依赖模块
         MatTooltipModule
       ]
     })
     export class YourTargetModule { }
     

  3. 验证国际化资源文件中是否正确定义了Edit_WidgetsNum键，示例：

     {
       "Edit_WidgetsNum": "编辑 {{n}} 个组件"
     }
     

• 额外检查项：

  • 确认row.widgetAccess.widgets不为空，length能返回有效数值，避免传递undefined或null给翻译函数
  • 检查custom-tooltip自定义样式是否存在显示冲突，比如设置了display: none或过度透明

内容的提问来源于stack exchange，提问作者Nana