我的目標是達到卡片左側邊框看起來像這樣的點：
回圈如下：
<ion-card *ngFor="let office of searchItems" >
理想情況下，我喜歡使用字串插值，并且有類似的東西，例如：
style="border-left: 5px solid office.color"
使用回圈中的“辦公室”來獲取每張卡片的辦公室顏色
我求助于設定
的CSS：
.custom {
border-left: 5px solid var(--my-var);
}
JS：
setStyle(value: string): void {
this.elementRef.nativeElement.style.setProperty('--my-var', value);
}
然后在 NgOnInit() 我有：
for (let i in this.searchItems){
document.body.style.setProperty('--my-var', this.searchItems[i].color);
console.log(this.searchItems[i].color);
}
this.searchItems 看起來像這樣：
但是即使物件顏色不同，左邊框的卡片也看起來像這樣：
uj5u.com熱心網友回復：
如何在 html 模板中使用以下內容：
[style.border-left]="'5px solid ' office.color"
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/408279.html
標籤：
下一篇：錯誤NG6002：出現在AppModule的NgModule.imports中，但本身有錯誤AppRoutingModule