You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

替换mdTooltip为MatTooltip后出现模板解析错误求助

解决Angular中mdTooltip转MatTooltip的模板解析错误

看起来你在从旧的mdTooltip迁移到Angular Material的MatTooltip时踩了个常见小坑,我来帮你一步步搞定这个问题:

1. 替换模板里的旧属性名

错误提示已经说得很清楚了——Can't bind to 'mdTooltip' since it isn't a known property,这是因为你已经切换到MatTooltip,但模板里还在用旧的指令前缀。把所有相关属性都换成新的:

  • 将[mdTooltip]改为[matTooltip]
  • 将mdTooltipPosition改为matTooltipPosition

修改后的代码应该是这样:

<input class="form-control" (blur)="submitAnswer(item.$key, updatedata.value)" [matTooltip]="item.desc" matTooltipPosition="right">

2. 确保模块正确导入MatTooltipModule

就算你替换了属性名,如果你的OwnershipCostModule没导入对应的模块,Angular还是识别不了这个指令。打开你的模块文件,添加如下导入:

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

@NgModule({
  imports: [
    // ...其他已导入的模块
    MatTooltipModule
  ],
  // ...其他模块配置项
})
export class OwnershipCostModule { }

3. 检查Angular Material版本(可选)

如果你用的是Angular Material 6及以上版本,所有指令前缀都从md改成了mat,可以看看package.json里的@angular/material版本号,确认版本和指令前缀匹配,避免版本不兼容的问题。

做完这几步后重启开发服务器,这个模板解析错误应该就消失啦。

内容的提问来源于stack exchange,提问作者strypeez

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 04:10:17