Anil Singh | Code-sample.com

HttpInterceptor -  HttpInterceptors is an interface which uses to implement the intercept method. Intercepts HttpRequest and handles them. Intercepts is an advanced feature that allows us to intercept each request/response and modify it before sending/receiving. Interceptors capture every request and manipulate it before sending and also catch every response and process it before completing the call. Firstly, we can implement own interceptor service and this service will “catch” each request and append an Authorization header. You can see in the following example, import { Injectable } from '@angular/core' ; import { HttpEvent , HttpInterceptor , HttpHandler , HttpRequest } from '@angular/common/http' ; @ Injectable () export class MyInterceptor implements HttpInterceptor {   //Intercepts HttpRequest and handles them.   intercept ( req : HttpRequest < any >, next : HttpHandler ): Observable < HttpEvent < any >>...

The Http Headers is immutable and each and every set () returns a new instance and applies the changes with lazy parsing. HttpHeaders Constructor – constructor ( headers ?: string | { [name: string]: string | string [];}); Imports HttpHeaders from – import { HttpHeaders } from '@angular/common/http' ; ü   Stayed Informed - What's New in HttpClient and HttpClientModule in Angular? ü   Stayed Informed -   HttpClientModule vs HttpClient Example – for setting Headers and with multiple Headers import { Component , OnInit } from '@angular/core' ; import { HttpClient , HttpHeaders } from '@angular/common/http' ; @ Component ({   selector: 'app-root' ,   templateUrl: './app.component.html' ,   styleUrls: [ './app.component.css' ] }) export class AppComponent implements OnInit {   baseUrl = "https://code-sample.com/" ;   users = null ;   // Inject HttpC...