Change button icon when clicking on the button


#1

I need to change icon of the button when clicking the button

test.ts

  isDisplayImage: boolean = false;
  isDisplayGen: boolean = false;
  isDisplayProd: boolean = false;


  displayImage() {
    this.isDisplayImage = !this.isDisplayImage;
    this.isDisplayProd =false ;
    this.isDisplayGen =false ;
  }

test.html

 <button ion-button="photo" style=" margin-right: 8px ;  margin-left:  15px;" (click)="displayImage()">
    <ion-icon name="md-add"> Photo</ion-icon> 
</button>