Change background ion-item when checked on checkbox


#1
<ion-item *ngFor="let item of items">
                    <ion-avatar item-left="item-left">
                        <img style="width:55px;height:55px;" [src]="item.avatar"></ion-avatar>
                        <ion-label>
                            {{item.name}}</ion-label>
                        <ion-checkbox item-end="item-end" [(ngModel)]="item.checkBox" (ionChange)="onChange(items)" checked="false"></ion-checkbox>
                    </ion-item>

#2
<ion-item   [style.background]="item.checkBox ? '#999' : '#fff'"  *ngFor="let item of items">
                    <ion-avatar item-left="item-left">
                        <img style="width:55px;height:55px;" [src]="item.avatar"></ion-avatar>
                        <ion-label>
                            {{item.name}}</ion-label>
                        <ion-checkbox item-end="item-end" [(ngModel)]="item.checkBox" (ionChange)="onChange(items)" checked="false"></ion-checkbox>
                    </ion-item>

#3
<ion-item   [style.background]="item.checkBox ? '#999' : '#fff'"  *ngFor="let item of items">
                    <ion-avatar item-left="item-left">
                        <img style="width:55px;height:55px;" [src]="item.avatar"></ion-avatar>
                        <ion-label>
                            {{item.name}}</ion-label>
                        <ion-checkbox item-end="item-end" [(ngModel)]="item.checkBox" (ionChange)="onChange(items)" checked="false"></ion-checkbox>
                    </ion-item>