我在輸入中添加了一個可點擊的離子圖示
<ion-input (ionChange)="inputChanged($event)" [type]="inputType">
<ion-button fill="clear" (click)="togglePassword($event)">
<ion-icon [name]="isPasswordHidden ? 'eye-outline' : 'eye-off-outline'"> </ion-icon>
</ion-button>
</ion-input>
問題是圖示上的點擊事件僅在文本輸入不在焦點上時才被檢測到,一旦輸入處于焦點上并且您點擊圖示后就沒有觸發點擊事件,我如何檢測點擊事件即使輸入處于焦點上,在圖示上?
uj5u.com熱心網友回復:
你應該把它們包在里面 <ion-item>
例如:
<ion-item lines="none">
<ion-input type="{{isPasswordHidden ? 'text' : 'password'}}" placeholder="Password"></ion-input>
<ion-icon [name]="isPasswordHidden ? 'eye-outline' : 'eye-off-outline'" slot="end" (click)="isPasswordHidden = !isPasswordHidden"></ion-icon>
</ion-item>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/392333.html
