如何更改离子项backgroundColor？

Question

如果变量'correct'设置为true，我想将背景颜色更改为绿色;如果设置为false，我想将背景颜色更改为红色。我尝试过没有成功：

<ion-item [style.backgroundcolor]="correct ? 'green' : 'red'">Hello world</ion-item>

无论如何我能做到吗？

Answer 1

你的HTML代码。

<ion-item [ngClass]="correct ? 'green' : 'red'">Hello world</ion-item>

你的css代码

.green{
  ion-item.item.item-block.item-md.item-label-floating.item-input.ng-pristine.ng-invalid.ng-touched{
   background:green;
  }
}

.red {
  ion-item.item.item-block.item-md.item-label-floating.item-input.ng-pristine.ng-invalid.ng-touched{
    background:red;
  }
}

希望这有助于你