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

Question

我正在 bluestacks android 模拟器上对此进行测试， ionic 按钮可能具有的任何自然响应能力似乎都无法正常工作。我想确保此按钮颜色在点击时会发生变化。我是用 css 还是什么？ Ionic 对此并不清楚。

这是我的按钮

<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
*/

}