style.background绑定在ionic3中不起作用

Question

我正在尝试根据数组中即将出现的颜色值保存的颜色，但是我们的代码无法正常工作

 <ion-option *ngFor="let color of details.colors"   [value]="color" >{{color}} <div style="width: 10px; height:10px" [style.background]="color" ></div></ion-option>

我正在获取颜色值，但它不会改变div的背景颜色。

Answer 1

您刚刚添加了style.background，将其替换为style.backgroundColor如下所示：

<ion-option *ngFor="let color of details.colors"   [value]="color" >{{color}} <div style="width: 10px; height:10px" [style.backgroundColor]="color" ></div></ion-option>