How to place default image before original image loaded in Ionic 3?

Ionic Framework ionic-v3
1

Here is my code to show images in a page::

<ion-col col-4 *ngFor=“let sub of item.children;let j=index” class=“sub-col”>
<ion-avatar (click)=“getsubcat(i,j,sub.entity_id,sub.name,item.entity_id)”>
<ion-img class=“avatarImage” [src]=“sub.image” >

{{ sub.name }}

and I also added – $img-placeholder-background :#09BD2B; (In variable.scss)

This shows result of my code defaultimg and It’s showing default color and some of them loaded images

and I also used img tag instead ion-img didn’t help me out of this problem