어떻게 입력에 집중할 수 없습니까?

Question

각도 재료 2로 input을 만들려고 노력 중입니다. 가시성 버튼을 누르면 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; 
}