What are some examples of Angular interceptors?

What are some examples of Angular interceptors?

Angular interceptors are used to modify HTTP requests and responses. For example, you can create an interceptor to add authentication tokens to requests.

Can you show me a code example of an interceptor?

Sure! Here's a simple example:

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Observable } from 'rxjs';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const cloned = req.clone({
      setHeaders: { Authorization: `Bearer YOUR_TOKEN` }
    });
    return next.handle(cloned);
  }
}

What other use cases do interceptors have?

Interceptors can be used for logging requests, handling errors globally, or modifying response data before it reaches your components.

How do I register an interceptor in my Angular app?

You can register an interceptor in your app module by providing it in the HTTP_INTERCEPTORS array:

import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthInterceptor } from './auth.interceptor';

@NgModule({
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true }
  ]
})
export class AppModule {}