Angular_AI Agent skill-PHP中文网

Angular

Polar Sponsor

爱发电赞助

.NET 9.0

立即下载

避免Angular常见错误：订阅泄漏、变更检测、依赖注入及模块组织。

何时使用用户需要角质专业知识 – 组件架构, RxJS 模式, 变化检测, 依赖性注入, 路由, 和表单

功能概述

何时使用用户需要角质专业知识 – 组件架构, RxJS 模式, 变化检测, 依赖性注入, 路由, 和表单是一项面向实际任务的技能，主要用于@ @ @ info: status: fic.；File.；

核心要点

Compents & change surger。
它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。

使用与执行

从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。

结果检查与注意事项

执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。该技能适合用于一次性任务，也可以接入自动化工作流，与其他技能或上层代理配合完成更完整的业务链路；在组合使用时，应明确每一步的输入输出关系，并避免不同步骤之间出现参数冲突。

适用场景

用户需要 Angular 专业知识——包括组件架构、RxJS 模式、变更检测、依赖注入、路由和表单。

速查表

主题	文件
组件与变更检测	`components.md`
RxJS 与订阅管理	`rxjs.md`
表单与验证	`forms.md`
依赖注入	`di.md`
路由与守卫	`routing.md`
HTTP 与拦截器	`http.md`

常见错误

对已修改的对象使用 OnPush 策略不会触发变更检测——始终创建新引用：{...obj} 或 [...arr]
@ViewChild 在构造函数/ngOnInit 中为 undefined——应在 ngAfterViewInit 或之后访问
*ngFor 未指定 trackBy 时，任何变更都会导致整个列表重新渲染——应添加返回稳定 ID 的 trackBy 函数
手动调用 subscribe() 但未取消订阅会导致内存泄漏——建议使用 async 管道、takeUntilDestroyed()，或在 ngOnDestroy 中显式取消订阅
HttpClient 返回的是冷 Observable——每次 subscribe() 都会发起新的 HTTP 请求
在 NgZone 外部使用 setTimeout/setInterval——变更检测不会自动运行，应改用 NgZone.run() 或 signals
循环依赖注入会导致应用崩溃——可使用 forwardRef() 或重构服务依赖关系
通过 ElementRef.nativeElement 直接操作 DOM 会破坏 SSR（服务端渲染）——应使用 Renderer2 或 @defer
通过 snapshot 获取路由参数将无法捕获导航变更——对于同一组件内的导航，应使用 paramMap Observable
对 FormGroup 调用 setValue() 时需提供全部字段值——如仅更新部分字段，请使用 patchValue()