angular - ionic 标签点击不起作用

Question

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

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

和 labelClick()无论如何，函数都不会触发。

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

这是一个带有此代码的堆栈 Blitz ，证明它不起作用:
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;
}