Angular 8升级至17：ngModel绑定与PrimeNG组件问题排查

问题1：ngModel绑定错误（Can't bind to 'ngModel' since it isn't a known property of 'textarea'） #

排查与解决步骤： #

• 确认使用textarea的组件已在AppModule的declarations数组中注册。如果该组件属于特性模块，必须在对应特性模块的imports中单独导入FormsModule，而非仅在根模块AppModule中导入。
• 检查组件类中是否正确声明了lotDataJsonText变量：

  // 组件类中需定义该变量，且不能设为私有/受保护
  lotDataJsonText: string = '';
  

• 若启用了严格模板检查（tsconfig.json中strictTemplates: true），确保变量未标记为private或protected——模板无法访问私有/受保护属性。

问题2：PrimeNG RadioButton组件未识别（error NG8001: 'p-radioButton' is not a known element） #

排查与解决步骤： #

• 确认使用p-radioButton的组件已在AppModule的declarations中注册，若属于特性模块，需在对应模块的imports中导入RadioButtonModule（根模块的导入不会自动传递给子模块）。
• 清理Angular构建缓存，执行以下命令：

  ng clean
  npm install
  ng build
  

• 验证PrimeNG模块导入路径正确性：确保是import { RadioButtonModule } from 'primeng/radiobutton';（注意路径为小写radiobutton），组件标签p-radioButton的拼写与大小写无误。

额外注意事项 #

Angular 17对模块导入的严格性有所提升，若项目中存在多个特性模块，需确保每个使用ngModel或PrimeNG组件的模块都单独导入对应依赖模块（FormsModule/对应PrimeNG模块），根模块的导入不会自动传递给子模块。

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