如何在Ionic2中单击时更改按钮颜色？

Question

我正在bluestacks android模拟器上测试这个,并且任何自然响应离子按钮可能似乎没有工作.我想确保此按钮颜色在点击时发生变化.我是用css做什么的？离子不清楚这一点.

这是我的按钮

<button ion-button block (click)="addEvent();">Add Event</button>

Answer 1

在component.ts文件中:

声明一个变量:

buttonColor: string = '#000'; //Default Color

将您的HTML编辑为: -

<button ion-button block (click)="addEvent();" [ngStyle]="{'background-color': buttonColor}">Add Event</button>

在您的函数中执行以下更改: -

addEvent(){
this.buttonColor = '#345465'; //desired Color

/*
YOUR FUNCTION CODE
*/

}