如何更改离子项目背景颜色？

【问题标题】：How to change an ion-item backgroundColor?如何更改离子项目背景颜色？
【发布时间】：2017-09-25 14:36:41
【问题描述】：

如果变量“正确”设置为真，我想将背景颜色更改为绿色，如果设置为假，我想将背景颜色更改为红色。我试过没有成功：

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

有没有我能做到的？

【问题讨论】：

标签： ionic2 background-color angular2-template

【解决方案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;
  }
}

希望对你有帮助

【讨论】：