How can I use interceptors in Angular CLI?

How can I use interceptors in Angular CLI?

You can use interceptors in Angular by creating a service that implements the HttpInterceptor interface.

What are some common use cases for interceptors?

Common use cases include adding authentication tokens, logging requests, and handling errors globally.

Can you show me a code example?

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({
      headers: req.headers.set('Authorization', 'Bearer your-token')
    });
    return next.handle(cloned);
  }
}