在ionic中显示/隐藏密码图标会删除已写入的密码

Question

我的问题：我写了一半的密码，单击按钮向我显示密码，当我回到现场继续书写时，它会删除我已经写的数字。 （我正在离子列表中使用它。）

HTML：

  

Blockquote

<ion-item>
        <ion-input [type]="passwordType" [(ngModel)]="password" 
         id="password"></ion-input>                                    
         <ion-icon name="eye" [color]="passwordShown === true ? 'black' : 
      'white'" item-end (click)="passwordToggle()"></ion-icon>
  </ion-item>

TS：

 passwordToggle(){
   if(this.passwordShown){
    this.passwordShown=false;
    this.passwordType = 'password';
   }else{
    this.passwordShown=true;
    this.passwordType = "";
}

}

  

Blockquote

Answer 1

我找到了答案。在离子输入中，我添加了clearOnEdit =“ false”，这可以防止删除密码。感谢YouTube频道Technbuzz！