Угловой ввод Ionic 3 остается сфокусированным на поле пароля при нажатии на значок глаза - PullRequest
Новая
       25

Угловой ввод Ionic 3 остается сфокусированным на поле пароля при нажатии на значок глаза

0 голосов
/ 29 августа 2018

У меня есть Ionic 3 App , где у меня есть форма входа с полем для ввода адреса электронной почты и пароля. У моего поля пароля есть значок глаза с method, который показывает пароль в виде текста или скрывает его наоборот, когда нажал .

Вот мой код в моем html 

<ion-input #pwInput class="input-cover" [type]="type" formControlName="password" placeholder="Password" required class="input-password">
            </ion-input>
            <ion-icon (tap)="showPassword()" [name]="type == 'password' ? 'app-svg-eye-show' : 'app-svg-eye-close'" class="eye-icon"></ion-icon>

и в моем ts файле 

type: any = 'password' // Password type be default

showPassword() {
    this.showPass = !this.showPass;
    if (this.showPass) {
      this.type = 'text';
    } else {
      this.type = 'password';
    }
  }

Теперь метод работает нормально для отображения пароля или текста в ngModel . Однако, когда я тестировал его на своем устройстве Android, когда маленькая иконка нажата , нажата , чтобы отобразить пароль, фокус теряется в поле ввода пароля, и клавиатура выключается.

То, что я хочу сделать, - это сосредоточиться на поле ввода пароля, даже если коснуться маленького значка.

Как сделать так, чтобы он не терял фокус на поле пароля?

Я пытался использовать setFocus() на viewChild, но это вызывает эффект мерцания на устройстве, что плохо.

ценю, если кто-то может помочь. Заранее спасибо.

...