Angular mat-table中matTooltip无法正常显示问题排查

问题1：模板引用写法错误 #

你当前代码里把模板引用#tooltipTpl直接写在matTooltip属性中，这会把字符串"tooltipTpl"当作提示文本，而非引用模板内容。若要使用模板作为tooltip内容，需用[matTooltipTemplate]绑定模板引用：

<img
    src="../../../assets/images/Basic_green_dot.png"
    alt=""
    [matTooltipTemplate]="tooltipTpl"
    style="width: 15px; height: 15px"
/>

如果只是显示普通文本（比如hello world），直接写matTooltip="hello world"即可，无需使用模板。

问题2：未导入MatTooltipModule（常见遗漏） #

确保当前组件所在的模块（FeatureModule或AppModule）已导入并声明MatTooltipModule：

import { MatTooltipModule } from '@angular/material/tooltip';

@NgModule({
  imports: [
    // ...其他依赖模块
    MatTooltipModule
  ]
})
export class YourModule { }

若未导入该模块，tooltip指令根本不会生效，这是最容易忽略的关键点。

额外检查项 #

• 确认img元素可见且可交互：如果元素被遮挡或尺寸为0，tooltip可能无法触发，你当前设置的宽高没问题，但可检查是否有CSS导致元素无法被hover/点击。
• 版本兼容性：Angular Material 16完全支持matTooltipTemplate写法，版本匹配无问题。

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