Ionic: Change button icon

Ionic Framework ionic-v3
1

Change button icon when clicking :
I need to change button icon when clicking

2

What exactly should happen when what happens?

3

I need when clicking the button, the icon must change, as the images indicate, and the reverse
b2

4 
<button ion-button icon-left>
  <ion-icon [name]="(isAdded) ? 'remove' : 'add'"></ion-icon>
  Photo
</button>

isAdded = true/false in .ts

3 Likes
5

How declared isAdded ??

6

in .html

<button ion-button icon-left (click)="clickFunction()">
  <ion-icon [name]="(isAdded) ? 'remove' : 'add'"></ion-icon>
  Photo
</button>

in .ts

...
export class MainPage {
  isAdded: boolean = false;
  ...
  clickFunction() {
    this.isAdded = !this.isAdded;
  }
}