Html Ionic-CSS：来自后端的单元格背景色

我必须解决这个问题：我想显示一个固定高度的行列表。每行必须水平分为2等份。每个零件都有其背景色，该背景色源自它们所引用的列表的第i个元素。列表中的每个对象都有两个字段（分别名为

leftColor

和

rightColor

），其中包含要显示的颜色

在伪代码中：

<ion-row *ngFor="let colorSource of sources">
    <ion-col col-6 background-color="{colorSource.leftColor}"> </ion-col>
    <ion-col col-6 background-color="{colorSource.rightColor}"> </ion-col>
</ion-row>

类似于

我怎么能得到这样的东西

---

提前准备

不要使用

background color=“{colorSource.leftColor}”

，而是尝试使用

[ngStyle]=“{'background-color'：colorSource.leftColor}”

因此，您的最终代码将是：

<ion-row *ngFor="let colorSource of sources">
    <ion-col col-6 [ngStyle]="{'background-color': colorSource.leftColor}"> </ion-col>
    <ion-col col-6 [ngStyle]="{'background-color': colorSource. rightColor}"> </ion-col>
</ion-row>

有关

ngStyle

diactive的信息，请查看官方文件

---

我希望这能对你有所帮助。

TY，这正是我要找的。我还有一个问题（我编辑了原始问题）。我应该使用相对div元素吗？@AdrianoBellavita我很高兴它帮助了你。请接受我的回答。我从你的个人资料中注意到，你过去没有接受任何答案。请注意，如果有人回答了你的问题，并且帮助了你，那么请接受这个答案。对于下一个要求，请不要编辑此问题，而是创建一个单独的问题。或者，

[style.background color]=“colorSource.leftColor”

。请原谅，我很少使用stackoverflow。我只是认为你的答案是正确的，对于最古老的问题我也这么做了。关于我问题的第二部分，正如你所建议的，我将打开一个新的线程。泰。