使用 Ionic 动态更改 Angular 中特定按钮的按钮颜色

Question

<ion-col col-3>
                <button ion-button (click)="onPunchPress($event)"><span>1</span></button>
            </ion-col>
            <ion-col col-3>
                <button ion-button (click)="onPunchPress($event)"><span>2</span></button>
            </ion-col>

如何更改特定按钮的颜色？假设如果我单击第一个按钮，那么只有它的 [color] 属性从"光"更改为"危险"怎么办？

我已经尝试了很多方法，当我使用 ngClass 时，它会更改所有按钮的类。我必须更改单击的一个，它应该是切换单击意味着更改/还原每个按钮。我怎样才能实现它？

Answer 1

你可以通过[style.background]="boolFlag ? 'blue' : 'red'"来实现它， 并在click event上切换标志，例如：(click)="boolFlag = !boolFlag "

以这个 Plunker 为例