避免Angular常见错误:订阅泄漏、变更检测、依赖注入及模块组织。
何时使用 用户需要角质专业知识 – 组件架构, RxJS 模式, 变化检测, 依赖性注入, 路由, 和表单是一项面向实际任务的技能,主要用于@ @ @ info: status: fic.;File.;
从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。
执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。
用户需要 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 请求setTimeout/setInterval——变更检测不会自动运行,应改用 NgZone.run() 或 signalsforwardRef() 或重构服务依赖关系ElementRef.nativeElement 直接操作 DOM 会破坏 SSR(服务端渲染)——应使用 Renderer2 或 @defersnapshot 获取路由参数将无法捕获导航变更——对于同一组件内的导航,应使用 paramMap ObservableFormGroup 调用 setValue() 时需提供全部字段值——如仅更新部分字段,请使用 patchValue()相关专题
热门下载
相关下载
精品课程
共6课时 | 54.7万人学习
共89课时 | 134.1万人学习
共49课时 | 82.6万人学习
最新文章