SuperAPI AI 工具集

angular-expert

前端与建站

查看项目

更新于 10-16 01:37

技能介绍

用途:该技能聚焦 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+ 的编码任务中参考上述决策与避坑清单。

限制:资料未提供安装命令、收费信息或具体平台支持范围,暂未提供。