用途:该技能面向现代 Angular(v20+)开发,帮助构建新应用、采用 Signals 响应式模式、从 NgModule 迁移到独立组件、配置无 Zone 应用、实现 SSR/预渲染与水合,并优化性能。
不在以下情况使用:从 AngularJS(1.x)迁移应使用 angular-migration 技能;无法升级的旧版 Angular 应用;通用 TypeScript 问题应使用 typescript-expert 技能。
执行步骤:先评估 Angular 版本与项目结构,再应用现代模式(Signals、Standalone、Zoneless),保证类型与响应式正确,最后用构建与测试验证。安全方面:变更需先在开发环境测试再上生产;现有应用应渐进迁移,避免大爆炸式重构;过渡期保持向后兼容。
主要能力覆盖:Signals 核心(signal、computed、effect、信号输入输出 model、信号查询);独立组件与 bootstrapApplication 引导及懒加载路由;无 Zone 模式(provideZonelessChangeDetection)及其性能、调试、包体积收益;SSR 与水合(ng add @angular/ssr、provideClientHydration、withEventReplay、增量水合与触发条件);函数式路由守卫与解析器、inject() 依赖注入与 InjectionToken;内容投影与宿主指令组合;基于 Signals 的状态服务与组件 Store;响应式表单现状与 Signals 表单预览;性能优化(OnPush、@defer、NgOptimizedImage);现代组件测试。
版本时间线:Angular 20(2025 Q2)Signals 稳定、Zoneless 稳定、增量水合;Angular 21(2025 Q4)Signals 优先为默认、增强 SSR;Angular 22(2026 Q2)Signal Forms、无选择器组件。
使用方式以 Angular CLI 与配置 provider 为核心,命令如 ng add @angular/ssr 保持原样。限制:表单的 Signals 方案属未来/实验性内容,尚未正式提供;具体收费、价格与平台信息暂未提供。