SuperAPI AI 工具集

igniteui-angular-components

前端与建站

查看项目

更新于 10-15 22:17

技能介绍

用途:为 Angular 项目提供 Ignite UI for Angular 非数据表格类 UI 组件的使用指引,涵盖应用脚手架与初始化、表单控件、布局、数据展示、反馈、指令以及图表等组件的接入与配置。

主要能力:技能本身是路由枢纽,不含代码示例与 API 细节,按任务映射到对应参考文件,包括 setup.md(应用配置、app.config.ts 提供者、provideAnimations()、入口导入、便捷指令数组)、form-controls.md(Input Group、Combo、Simple Combo、Select、日期/时间选择器、Calendar、Checkbox、Radio、Switch、Slider、Autocomplete 及响应式/模板驱动表单)、layout.md(Tabs、Bottom Navigation、Stepper、Accordion、Expansion Panel、Splitter、Navigation Drawer)、data-display.md(List、Tree、Card、Chips、Avatar、Badge、Icon、Carousel、Paginator、进度指示器、Chat)、feedback.md(Dialog、Snackbar、Toast、Banner)、directives.md(Button、Icon Button、Button Group、Ripple、Tooltip、拖放)、layout-manager.md(Layout Manager、Dock Manager、Tile Manager)与 charts.md(面积图、条形图、柱状图、股票/金融图、饼图及动画、提示、标记、高亮、缩放等特性与数据绑定)。

使用方式:前置条件为 Angular 主版本与 igniteui-angular 主版本匹配、已安装 @angular/cli、通过 ng add igniteui-angular(或 @infragistics 变体)或 npm install 添加包、已应用主题、并在 app.config.ts 中提供 provideAnimations()。需先配置 igniteui-cli MCP 服务器,用 list_components(framework: "angular")验证;未配置时在项目根目录运行 npx -y igniteui-cli ai-config(全局安装时为 ig ai-config),随后请用户重载编辑器或会话。工作流要求先识别涉及组件、并行读取全部相关参考文件,再基于所读内容输出;成员级查询用 search_api/get_api_reference,文档查询用 get_doc/search_docs。

限制:组件 API 随版本变化,不得凭记忆编写选择器、导入路径、输入输出或指令名;MCP 无法回答的细节须标注为未验证。包分 igniteui-angular(开源/社区)与 @infragistics/igniteui-angular(需私有源,授权/企业用户),两者入口路径相同,须按 package.json 选择前缀,且不得从根 barrel 导入。数据表格与主题分别由 igniteui-angular-grids、igniteui-angular-theming 技能负责。具体收费与价格暂未提供。