The same component twice on the ngIf page does not work properly

Question

<div id="{{gMapConfig.id}}" class="g-map"></div> <loader *ngIf="!googleReady||plottingData"></loader> 

I have an overlay map component that I have to show when the map is loading or when data is being extracted. I have the same map component on the page and in modal mode, ngif works on the page, but not in modal.

 window['onMapsLoaded'] = (ev) => { this.googleReady = true; } plotMarkers() { this.plottingData = true; .... //after plotting markers this.plottingData = false; }