angular-interceptors
CommunitySecurely transform Angular HTTP traffic
Authoroguzhan18
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Intercepts and modifies Angular HttpClient requests and responses to centralize concerns like authentication, header injection, response transformation, caching flags, logging, and unified error handling so individual services remain thin and consistent.
Core Features & Use Cases
- Functional Interceptors: Use HttpInterceptorFn to implement auth token attachment, header normalization, or request transformation without class boilerplate.
- Registration and Composition: Register ordered interceptors via provideHttpClient with withInterceptors to ensure predictable processing order for logging, auth, and error handling.
- Per-request Flags: Use HttpContext and HttpContextToken to enable caching or special handling on a per-request basis.
- Error Handling and Navigation: Catch HttpErrorResponse in interceptors to trigger centralized retry, logout, or route navigation workflows.
- Use Case: Attach a Bearer token to outgoing API calls, log request/response timings, and route to login on 401 responses while preserving a cache bypass flag per request.
Quick Start
Implement a functional auth interceptor that injects the current user's Bearer token, handle 401 errors by navigating to /login, and register it with provideHttpClient using withInterceptors.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: angular-interceptors Download link: https://github.com/oguzhan18/angular-ecosystem-skills/archive/main.zip#angular-interceptors Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.