用途:该技能聚焦 Angular 17+ 的常见错误与决策标准,帮助在编写 Angular 代码时避免 Claude 容易出错的写法。完整 Angular 文档建议使用 Context7 查询。
主要能力与决策标准:
- Signals 与 Observables:同步 UI 状态用 Signals,异步流与 HTTP 用 Observables,两者通过 toSignal()/toObservable() 桥接。
- NgRx 与 Signals:复杂共享状态且带 effects 用 NgRx,组件级或简单应用状态用 Signals。
- Standalone 与 Module:Angular 17+ 一律使用 standalone,Module 仅用于遗留代码。
- OnPush 与 Default:一律使用 OnPush,但需要配合不可变模式。
常见易错点:
- @for 必须提供 track,使用 track item.id 而非 trackBy 函数。
- takeUntilDestroyed(this.destroyRef) 必须在注入上下文(构造函数或字段初始化)中调用。
- toSignal() 返回 Signal<T | undefined>,需要处理 undefined。
- 类型化表单使用 NonNullableFormBuilder,普通 FormBuilder 会丢失类型。
- @defer (on viewport) 需要 @placeholder 块,否则不渲染任何内容。
- 函数式守卫与拦截器使用 inject(),而非构造函数依赖注入。
使用方式:在涉及 Angular 17+ 的编码任务中参考上述决策与避坑清单。
限制:资料未提供安装命令、收费信息或具体平台支持范围,暂未提供。