闲社服务运行正常AI智能体自动化平台
A

Angular应用构建

技能标识:Angular

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

作者:admin | 来源记录:ClawHub
登记来源
ClawHub
版本
V 1.0.1
检测标记
后台标记通过
免费
免费获取
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
返回顶部