入力に焦点を当てるのを防ぐにはどうしたらいいですか？

Question

角度材料でinputを作成しようとしています2。 視認性ボタンを押した場合、どうすればfocusがinputになるのを防ぐことができますか？ここではどのように動作

あなたが見ることができます：material.angular.io

をボタン

<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

使用stopPropagationを押した後、ボタン

を押す前に、あなたはアイコンをクリックすると

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

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