как я могу изменить цвет кнопки на ионный 2 угловых

Question

Я пытался изменить цвет кнопки, которую я нажимаю, но она изменила все цвета кнопок списка

Это мой код:

ecardGroup(groupe) {
    if(this.hexColor === '#000000') { 
      this.hexColor = '#dddddd'
    } else {
      this.hexColor = '#000000'
    }
 }

 <ion-col col-9 class="sildes">
                    <ion-slides slidesPerView="{{nbPerPage}}" spaceBetween="5">
                        <ion-slide *ngFor="let slide of lesEboxs; let i = index">
                            <button ion-button block (click)="ecardGroup(slide)" class="currentGroup" [style.background-color]="hexColor">
                                <ion-icon class="warning"  name="star" *ngIf="slide.nom_gr == 'Pro'"></ion-icon>
                                {{slide.nom_gr}}
                            </button>
                        </ion-slide>
                    </ion-slides>
                </ion-col>

Answer 1

Создайте свойство slideClicked в своем классе и измените шаблон следующим образом:

<button ion-button block [style.background-color]="(slide === this.slideClicked) ? '#000000' : '#dddddd'" (click)="this.slideClicked = slide" class="currentGroup">