如何更改离子项目背景色

Question

我想将背景颜色更改为绿色，如果变量'正确'设置为true或如果将其设置为false，则将背景颜色设置为true或红色。我尝试没有成功：

<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;
  }
}

希望这对您有帮助