如何编写代码以显示和隐藏javascript中的条件数据

如何解决如何编写代码以显示和隐藏javascript中的条件数据

在我的角度应用程序中，我创建了仪表板页面，在其中创建了地图，并在右侧放置了数据以显示有关地图的内容（即，如果圆内的标记显示了详细信息，则在半径为5 km的地图中创建了该圆）的标记。）

我已经将标记的if循环写到圆圈内，应该将其变为红色，否则应变为蓝色。

在这种情况下，我必须确切显示圆圈中的无人机何时必须以html显示一些数据。如果在外部，则应隐藏数据。

component.ts

function inQuadrant(quadrant,marker){
    var inpolygon02 = isMarkerInsidepolygon02(marker,quadrant);
  if(inpolygon){
    quadrant.setStyle({color: 'red'});
  }else{
    quadrant.setStyle({color: '#3388ff'});
  }
}

从上面的代码中，我必须显示数据是否为红色（圆圈内），否则隐藏数据。

component.html

<div class="tab-pane fade " id="Drones">
  <ul class="list-group card"  id="dd">
    <li class="list-group-item" *ngFor="let x of datas">
        <div class="row no-gutters">
        <div class="col-sm-3" >
          <div class="card-body">
  <img src="{{drone01.iconref}}" width="90" height="90">
  
         </div>
      </div>
</div>
</li>
</ul>
</div>

我尝试了多种方法，但是工作不正常，任何人都可以帮助我解决这个问题。