PrimeNG的p-checkbox使用trueValue/falseValue属性绑定报错如何解决？

• 核心原因是PrimeNG版本与属性支持不匹配：trueValue和falseValue是PrimeNG 9.0及以上版本才新增的p-checkbox属性，Angular 8官方配套的PrimeNG版本为8.x，该版本原生不支持这两个属性，因此会抛出未知属性的报错。
• 次要排查点：若已升级到符合要求的PrimeNG版本仍报错，需要检查对应功能模块的imports数组中是否正确导入了CheckboxModule。

方案1：不升级Angular/PrimeNG版本（推荐，适配现有项目依赖） #

直接通过存取器手动完成布尔值到目标字符串的转换，无需依赖组件内置属性：

1. 组件层代码：

// 组件内定义存取器自动处理转换
private _checkboxRaw: boolean;
get mycheckbox(): string {
  return this._checkboxRaw ? 'CB_OUI' : 'CB_NON';
}
set mycheckbox(val: string) {
  this._checkboxRaw = val === 'CB_OUI';
}

2. 模板层代码：

<p-checkbox [(ngModel)]="_checkboxRaw" name="mycheckbox" inputId="mycheckbox"></p-checkbox>

业务代码直接调用mycheckbox即可直接拿到目标字符串值，无需额外处理。

方案2：升级依赖版本适配属性 #

如果项目允许升级基础依赖，可以将Angular版本升级到9.x及以上，同步安装对应版本的PrimeNG（PrimeNG版本需与Angular版本严格对齐），升级完成后在对应模块中导入CheckboxModule即可正常使用trueValue和falseValue属性：

// 对应模块的imports中添加
import { CheckboxModule } from 'primeng/checkbox';
@NgModule({
  imports: [
    // 其他导入
    CheckboxModule
  ]
})

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