import { Component, OnInit, ViewEncapsulation, OnDestroy } from '@angular/core'; import { ShareableObjectService } from './shareable-object.service'; @Component({ selector: 'ngx-overlay-spinner', templateUrl: 'ngx-overlay-spinner.component.html' , styleUrls: ['style.css'], // encapsulation: ViewEncapsulation.None }) export class NgxOverlaySpinnerComponent implements OnInit, OnDestroy { state: boolean; constructor( private shareableObjectsService: ShareableObjectService) { } ngOnInit(): void { this.shareableObjectsService.overleySpinnerState$.subscribe(stateComing => { this.state = stateComing; }); } ngOnDestroy() { this.shareableObjectsService.overleySpinnerState$.unsubscribe(); } }