How can I make secure API calls in Angular using CLI?

How can I make secure API calls in Angular using CLI?

To make secure API calls in Angular, you can use HttpClient with interceptors for adding authentication tokens.

What are interceptors and how do I implement them?

Interceptors are services that allow you to modify requests and responses. You can implement them by creating a class that implements HttpInterceptor.

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);
  }
}