我正在使用Angular 9,使用引導4卡應用NGFOR來繪制來自數據庫的盡可能多的元素。我有以下數組,該卡具有不同的樣式,我希望它們以隨機方式應用于每個數組。public color_border = ["border-left-warning", "border-left-info", "border-left-primary"]卡代碼如下:必須更改 div 卡左邊框信息。我已經嘗試了一個新的NGFOR,但它復制了一切。<!-- Pending Requests Card Example --> <div class="col-xl-3 col-md-6 mb-4" *ngFor="let data of miDataInterior.DatagreenhouseRecuperado; let i = index"> <div class="card border-left-info shadow h-100 py-2"> <div class="card-body"> <div class="row no-gutters align-items-center"> <div class="col mr-2"> <div class="text-xs font-weight-bold text-warning text-uppercase mb-1">{{data.medidas[0].sensor_type[0].name_comun}}</div> <font SIZE=3> {{data.medidas[0].marca}} </font> <font SIZE=3>({{data.medidas[0].recvTime | date:'dd-MM-yy h:mm:ss a'}})</font> <div class="h5 mb-0 font-weight-bold text-gray-800">{{data.medidas[0].attrValue | number:'1.0-1'}} {{data.medidas[0].sensor_type[0].medida}}</div> </div> <div class="col-auto"> <i class="fas fa-chart-bar fa-2x text-gray-300"></i> </div> </div> </div> </div> </div>如何應用該 div 中color_border變量中包含的內容?感謝您的幫助。
將不同的樣式應用于引導卡
尚方寶劍之說
2022-09-23 17:05:09