页面中相同的组件两次ng如果没有按预期工作

Question

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

我有一个带有叠加的地图组件,我必须在加载地图或提取数据时显示.我在页面和模态中有相同的地图组件,ngif在页面上工作,但不在模态中.

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