Comment puis-je empêcher la focalisation sur l'entrée ?

Question

J'essaie de faire input dans la matière angulaire2. Comment puis-je éviter focus en input si j'appuie sur bouton de visibilité ?

Vous pouvez voir ici comment cela fonctionne : matériel.angular.io

Avant d'appuyer sur le bouton

Après avoir appuyé sur le bouton

  <mat-form-field>
    <input
      #mPswd
      matInput
      type="password"
      placeholder="Ваш мастер-пароль"
      [type]="hide ? 'password' : 'text'"
    >
    <mat-icon
      class="unselectable"
      matSuffix
      (click)="hide = !hide"
    >
      {{hide ? 'visibility' : 'visibility_off'}}
    </mat-icon>
  </mat-form-field>

Answer 1

Utilice stopPropagation lorsque vous cliquez sur l'icône

// component.html
<mat-icon class="unselectable" matSuffix (click)="onIconClick($event)"></mat-icon>

// component.ts
onIconClick(event){
    event.stopPropagation();
    this.hide = !this.hide;
}