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

Angular16迁移后button无法绑定pTooltip属性的问题求助

解决Angular 16 + PrimeNG 16中pTooltip绑定报错问题
  • 检查TooltipModule的导入:
    PrimeNG的Tooltip组件需要单独导入对应模块,在使用该按钮的组件所属NgModule(如AppModule或功能模块)中,确保导入TooltipModule并添加到imports数组:

    import { TooltipModule } from 'primeng/tooltip';
    
    @NgModule({
      imports: [
        // 其他已导入模块
        TooltipModule
      ]
    })
    export class YourTargetModule { }
    
  • 修正pTooltip绑定写法:
    你第一种写法混合了属性绑定[]与插值{{}},属于语法错误;第二种写法的括号是多余的。正确写法如下:

    <button [pTooltip]="'COMMON.Refresh' | translate"></button>
    

    也可以采用非属性绑定的写法:

    <button pTooltip="{{ 'COMMON.Refresh' | translate }}"></button>
    
  • 额外验证:
    确认PrimeNG 16与Angular 16版本兼容(二者版本匹配),同时确保TranslateModule已正确导入,保证翻译管道能正常运行。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.04 18:00:57