首页龙虾技能列表 › Angular — 技能工具

Angular — 技能工具

v1.0.1

Avoid common Angular mistakes — subscription leaks, change detection, dependency injection, and module organization.

3· 1,227·8 当前·8 累计
by @ivangdavila (Iván)·MIT-0
下载技能包
License
MIT-0
最后更新
2026/2/26
安全扫描
VirusTotal
无害
查看报告
OpenClaw
安全
high confidence
This is an instruction-only Angular best-practices skill whose requested resources and instructions match its description; it contains no installers, no code, and asks for no credentials.
评估建议
This skill is just static guidance (Markdown) about Angular best practices and does not request credentials or install code — that makes it low-risk and consistent with its description. Before sharing, remember: an agent using this skill might ask you to paste project code or configs to give concrete advice; only share code you are comfortable exposing. If you plan to allow the agent autonomous access to your repositories or environment later, consider limiting that access and reviewing any prop...
详细分析 ▾
用途与能力
Name/description (Angular best practices) align with the provided files: components.md, rxjs.md, di.md, forms.md, http.md, routing.md and an overview SKILL.md. There are no unrelated environment variables, binaries, or install steps requested.
指令范围
SKILL.md and the included Markdown files contain only guidance about Angular pitfalls and patterns. They do not instruct the agent to read local system files, access credentials, send data to external endpoints, or run arbitrary commands. They stay within the stated purpose.
安装机制
No install spec and no code files are included. Because this is instruction-only, nothing is written to disk or downloaded during install — minimal install risk.
凭证需求
The skill declares no required environment variables, credentials, or config paths. There are no requests for unrelated secrets or broad permissions that would be disproportionate to an Angular guidance skill.
持久化与权限
Flags are default (always: false, user-invocable: true, agent invocation allowed). The skill does not request permanent presence or modify other skills/configurations. Autonomous invocation is allowed by default but is not combined with other red flags here.
安全有层次,运行前请审查代码。

License

MIT-0

可自由使用、修改和再分发,无需署名。

运行时依赖

无特殊依赖

版本

latestv1.0.12026/2/10

Initial release

● 无害

安装命令 点击复制

官方npx clawhub@latest install angular
镜像加速npx clawhub@latest install angular --registry https://cn.clawhub-mirror.com

技能文档

When to Use

User needs Angular expertise — component architecture, RxJS patterns, change detection, dependency injection, routing, and forms.

Quick Reference

TopicFile
Components & change detectioncomponents.md
RxJS & subscriptionsrxjs.md
Forms & validationforms.md
Dependency injectiondi.md
Routing & guardsrouting.md
HTTP & interceptorshttp.md

Common Mistakes

  • OnPush with mutated objects won't trigger change detection — always create new reference: {...obj} or [...arr]
  • @ViewChild is undefined in constructor/ngOnInit — access in ngAfterViewInit or later
  • *ngFor without trackBy re-renders entire list on any change — add trackBy returning stable ID
  • Manual subscribe() without unsubscribe leaks memory — use async pipe, takeUntilDestroyed(), or unsubscribe in ngOnDestroy
  • HttpClient returns cold Observable — each subscribe() fires new HTTP request
  • setTimeout/setInterval outside NgZone — change detection won't run, use NgZone.run() or signals
  • Circular DI dependency crashes app — use forwardRef() or restructure services
  • ElementRef.nativeElement direct DOM access breaks SSR — use Renderer2 or @defer
  • Route params via snapshot miss navigation changes — use paramMap Observable for same-component navigation
  • setValue() on FormGroup requires ALL fields — use patchValue() for partial updates
数据来源:ClawHub ↗ · 中文优化:龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制

免费技能或插件可能存在安全风险,如需更匹配、更安全的方案,建议联系付费定制

了解定制服务