使用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]属性从“light”变为“dangerous”？

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

Answer 1

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

请参阅此Plunker例如