离子标签点击不起作用

Question

有时我不明白为什么 Ionic 如此不灵活。我有一个输入和一个标签堆叠在一起：

<ion-item>
<ion-label stacked (click)="labelClick($event)" [innerHTML]="htmlString"></ion-label>
<ion-input  ></ion-input>

labelClick()无论如何，该功能都不会触发。

有什么我可以做的，以便单击 LABEL 触发该功能？不改变外观/使用的组件。

这是一个带有此代码的堆栈闪电战，证明它不起作用：https ://stackblitz.com/edit/ionic-5yreac?file=pages%2Fhome%2Fhome.html

Answer 1

经过长时间的调查，我发现问题是这种风格（可以通过检查 ion-label 看到）：

因此解决方法是：

.item-input ion-label{
  pointer-events:all!important;
}

和...一起：

 .item-cover{
  display:none;
}