add the interceptor

app.component.ts

import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
import { HTTPStatus } from './services/RxJS/HTTPListener.service';
declare var bodymovin: any;

@Component({
  selector: 'app-root',
  template: `<div [hidden] = !HTTPActivity`,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  HTTPActivity: boolean;
  constructor(private httpStatus: HTTPStatus) {
    this.httpStatus.getHttpStatus().subscribe((status: boolean) => {this.HTTPActivity = status; console.log(status)});
  }
}