SuperAPI AI 工具集

angular

前端与建站

查看项目

更新于 10-16 07:26

技能介绍

用途:该技能面向现代 Angular(v20+)开发,帮助构建新应用、采用 Signals 响应式模式、创建独立组件并从 NgModule 迁移、配置无 Zone 应用、实现 SSR/预渲染与水合,以及优化性能。

主要能力:涵盖 Signals(signal、computed、effect)、基于 Signal 的输入输出与 model 双向绑定、Signal 查询(viewChild、viewChildren、contentChild)、独立组件与无 NgModule 启动(bootstrapApplication)、SSR/水合、无 Zone 变更检测,以及 Signals 与 RxJS 的取舍建议。资料还给出 Angular 版本时间线:v20(2025 Q2)Signals 与无 Zone 稳定、增量水合;v21(2025 Q4)Signals 优先默认、增强 SSR;v22(2026 Q2)Signal Forms、无选择器组件。

使用方式:先评估 Angular 版本与项目结构,再应用现代模式,配合类型与响应式实现,最后通过构建和测试验证。示例代码使用 @angular/core 的 signal、computed、effect、input、output、model、viewChild 等 API,以及 bootstrapApplication、provideRouter、provideHttpClient。

适用场景:新建 v20+ 应用、Signals 响应式、独立组件迁移、无 Zone 配置、SSR/预渲染/水合、性能优化。

限制:不适用于 AngularJS(1.x)迁移(应使用 angular-migration 技能)、无法升级的旧版 Angular 应用,以及通用 TypeScript 问题(应使用 typescript-expert 技能)。安全上建议先在开发环境测试,现有应用渐进迁移,过渡期保持向后兼容。资料未提供安装命令、收费与平台信息。