返回顶部
A

AngularAngular应用构建

Build reliable Angular apps avoiding RxJS leaks, change detection traps, and DI pitfalls.

作者: admin | 来源: ClawHub
源自
ClawHub
版本
V 1.0.1
安全检测
已通过
1,283
下载量
免费
免费
3
收藏
概述
安装方式
版本历史

Angular

使用场景

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

快速参考

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

常见错误

  • - 对已变更对象使用OnPush不会触发变更检测——始终创建新引用:{...obj}或[...arr]
  • 在构造函数/ngOnInit中@ViewChild为undefined——应在ngAfterViewInit或之后访问
  • 未使用trackBy的*ngFor会在任何变更时重新渲染整个列表——添加返回稳定ID的trackBy
  • 手动subscribe()未取消订阅会导致内存泄漏——使用async管道、takeUntilDestroyed()或在ngOnDestroy中取消订阅
  • HttpClient返回冷Observable——每次subscribe()都会发起新的HTTP请求
  • NgZone外的setTimeout/setInterval——变更检测不会运行,请使用NgZone.run()或信号
  • 循环DI依赖会导致应用崩溃——使用forwardRef()或重构服务
  • 通过ElementRef.nativeElement直接操作DOM会破坏SSR——使用Renderer2或@defer
  • 通过snapshot获取路由参数会遗漏导航变更——对同组件导航使用paramMap Observable
  • 对FormGroup使用setValue()需要提供所有字段——部分更新请使用patchValue()

标签

skill ai

通过对话安装

该技能支持在以下平台通过对话安装:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 angular-1776328270 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 angular-1776328270 技能

通过命令行安装

skillhub install angular-1776328270

下载

⬇ 下载 Angular v1.0.1(免费)

文件大小: 4.43 KB | 发布时间: 2026-4-17 14:54

v1.0.1 最新 2026-4-17 14:54
Initial release

Archiver·手机版·闲社网·闲社论坛·羊毛社区· 多链控股集团有限公司 · 苏ICP备2025199260号-1

Powered by Discuz! X5.0   © 2024-2025 闲社网·线报更新论坛·羊毛分享社区·http://xianshe.com

p2p_official_large
返回顶部