替换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
相关产品推荐
相关产品推荐

