This covers Angular's HttpClient for API calls, interceptors, and error handling in Angular 21. You get functional interceptors instead of the old class-based approach, plus new features like native fetch support and HttpContext tokens for per-request metadata. The examples show auth patterns, retry logic with backoff, and proper TypeScript typing for responses. Worth noting the migration path from deprecated class interceptors to the modern functional style, which is cleaner and works better with Angular's dependency injection. If you're building anything that talks to a backend in Angular, this has the patterns you'll actually use.

skills.sh installs
185
GitHub stars
7
last updated
Aug 21, 2026

Install

$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-http --agent claude-code

Installs into .claude/skills of the current project.

Files

@angular/common/http

Version: Angular 21 (2025) Tags: HTTP, REST, API, Interceptors

References: HttpClient • API • Interceptors

API Changes

This section documents recent version-specific API changes.

  • NEW: Functional interceptors — Use provideHttpClient(withInterceptors([...])) for modern interceptor setup source

  • NEW: withFetch — Use native fetch API with HttpClient source

  • NEW: withInterceptorsFromDi — Legacy interceptor support with functional approach

  • NEW: HttpContext tokens — Per-request metadata using HttpContextToken

  • NEW: AbortSignal support — Request cancellation with timeout support

  • DEPRECATED: Class-based HttpInterceptor — Migrate to functional interceptors

Best Practices

  • Use functional interceptors

Sponsors

Details

Repository
github.com/oguzhan18/angular-ecosystem-skills
Categories
Frontend Development, Backend & APIs, Debugging
First seen
Jun 3, 2026

More from oguzhan18/angular-ecosystem-skills

All 45
1224-industries avatarwebflow-designer-api224-industries/webflow-skillsWork with the Webflow Designer API — either by building Designer Extensions (iframes inside the Webflow Designer) or by generating code snippets for the Designe184skills.sh installs
2nexu-io avatarhtml-ppt-knowledge-arch-blueprintnexu-io/open-design奶油蓝图架构 deck — 奶油纸184skills.sh installs
3oguzhan18 avatarangular-guardsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Guards, CanActivate, CanDeactivate, CanLoad, or route protection in Angular applications.184skills.sh installs
4oguzhan18 avatarangular-interceptorsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular HTTP Interceptors, request/response transformation, auth interceptors, or error handling in HTTP calls.184skills.sh installs
5oguzhan18 avatarangular-schematicsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Schematics, custom generators, code generation, or building CLI tools in Angular.184skills.sh installs
6nexu-io avatarhtml-ppt-tech-sharingnexu-io/open-designConference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharin183skills.sh installs