我想使用 ngFor 從串列中更改卡片的顏色。我也嘗試過使用花括號作為屬性。
<ion-card *ngFor="let color of color_pallet">
<ion-card-header>
<!-- <ion-card-subtitle>Card Subtitle</ion-card-subtitle> -->
<ion-card-title [ngStyle]="{'background':color }" style="color:#ffffff;">{{color}}
</ion-card-title>
</ion-card-header>
<ion-card-content>
</ion-card-content>
</ion-card>
uj5u.com熱心網友回復：
你可以像這樣用相同的 ngStyle 包裹你的文本顏色：
[ngStyle]="{ background: color, color: '#fff' }"
至于回答你的問題，我覺得不錯——“顏色”絕對是一個字串嗎？
您也不需要background用引號括起來 - 僅當它是一個帶有連字符的樣式選擇器時，即'text-decoration'
uj5u.com熱心網友回復：
我的錯誤，不是在卡片上應用顏色，而是在標題上應用。剛才我發現我可以在我提到它的同一個標簽上應用 ngFor。
<ion-card *ngFor="let color of color_pallet" [ngStyle]="{'background':color }">
<ion-card-header>
<ion-card-title style="color:#ffffff;">{{color}}
</ion-card-title>
</ion-card-header>
<ion-card-content>
</ion-card-content>
</ion-card>
謝謝你們。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/393277.html