import { Injectable } from '@angular/core'; import { Subject , Observable } from 'rxjs'; @Injectable() export class HBORLoaderService { private loaderSubject = new Subject(); public state = false; public loaderState$ = this.loaderSubject.asObservable(); constructor() { } show() { this.state = true; this.loaderSubject.next(true); } hide() { this.state = false; this.loaderSubject.next(false); } }