单击眼睛图标时，Angular Ionic 3输入保持在密码字段上

Question

我有一个 Ionic 3应用程序，其中有一个登录表单，其中包含电子邮件和密码输入字段。我的密码字段有一个眼睛图标，其中有一个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，但是这会导致设备出现闪烁现象，这很糟糕。

感谢有人可以帮忙。 预先感谢。