在我的角度應用程序中,我創建了儀表板頁面,在其中創建了地圖并在右側放置了數據以顯示有關地圖的內容(即如果圓圈內的標記顯示標記的詳細信息,則在 5km 半徑的地圖中創建圓圈).我已經寫了如果標記的條件出現在圓圈內,它應該變成紅色,否則變成藍色。在 Html 中,我創建了帶有 id(無人機)的引導程序選項卡。組件.tsinQuadrant(quadrant) { var inPolygon = this.isMarkerInsidePolygon(this.droneMarker, quadrant); if (inPolygon) { quadrant.setStyle({color: 'red'}); const isRed=true; } else { quadrant.setStyle({color: '#3388ff'}); } }組件.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>所以我的要求是當無人機進入側面(id=drones 的數據必須顯示)和外面(id=drones 的數據必須消失)時如何顯示和隱藏數據誰能幫我解決這個問題。我嘗試了多種方法。
當特定條件為真時如何顯示和隱藏數據
catspeake
2023-03-03 09:28:23