SuperAPI AI 工具集

primeng-developer

前端与建站

查看项目

更新于 10-16 01:17

技能介绍

用途:为 Angular 项目提供 PrimeNG 专项开发指导,与 angular-developer 配合使用,后者负责 signals、依赖注入、路由、表单、SSR、无障碍等 Angular 基础内容,本技能聚焦 PrimeNG 细节。

主要能力:覆盖 80+ 组件(表单控件、按钮、浮层、布局、数据展示、菜单等)的 API、常用模式与常见坑;涵盖 Styled、Unstyled、PassThrough 三种定制路径、Aura/Lara/Nora/Material 预设、设计令牌、暗色模式、definePreset 覆盖、运行时切换预设、CSS 层级;表单集成(ReactiveForms、Signal Forms、ControlValueAccessor、验证显示);无障碍(WCAG 2.1 AA、p-sr-only、ARIA、键盘导航与焦点管理);迁移(v18 组件改名、弃用 API 等)。

必要用法:先用 package.json 确认项目 PrimeNG 版本再给建议。安装 primeng @primeuix/themes @primeuix/styles,配置 providePrimeNG()(v18 至 v20 需 provideAnimationsAsync()),组件自 v18 起为独立组件,应从 'primeng/button' 之类导入独立类而非旧 Module。生成代码后运行 ng build 检查编译错误。

限制:仅支持 PrimeNG v18 及以上(v22 匹配度最高,需 Angular v22),不支持 PrimeNG v17 及以下与 Angular v17 及以下;v18 至 v21 项目主题与部分组件 API 会有偏差。Tailwind 为可选(配合 tailwindcss-primeui 用于无样式模式)。官方文档已迁至 primeng.dev。其他细节资料未提供。