Ion-fab-button ionBlur 和 ionFocus 无法正常工作答案

【问题标题】：Ion-fab-button ionBlur and ionFocus don’t work properlyIon-fab-button ionBlur 和 ionFocus 无法正常工作
【发布时间】：2019-10-07 15:13:42
【问题描述】：

当我将这些方法添加到 ion-fab-button

<ion-fab-button (ionBlur)="fadeBackgroundToNormal()" (ionFocus)="fadeBackgroundToBlack()">
  <ion-icon name="add"></ion-icon>
</ion-fab-button>

他们没有在正确的时间被解雇。我第一次单击按钮时没有任何反应。我第二次单击按钮（当它关闭时）它会触发 ionFocus。然后它继续按该顺序工作，直到我单击背景。然后它就停止一起工作。（我用 console.log 对此进行了测试）。

【问题讨论】：

【解决方案1】：

我决定不再依赖这个，而是切换到一个（点击）事件。

<ion-fab-button (click)="toggleBackground()">
  <ion-icon name="add"></ion-icon>
</ion-fab-button>

这样效果更好，没有延迟。

【讨论】：