问题描述
在我的角度应用程序中,我创建了仪表板页面,在其中创建了地图,并在右侧放置了数据以显示有关地图的内容(即,如果圆内的标记显示了详细信息,则在半径为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>
我尝试了多种方法,但是工作不正常,任何人都可以帮助我解决这个问题。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)