無効にしたマット入力を有効にするにはどうすればいいですか？

Question

私はマット入力があり、デフォルトではテキストを変更することができません。クリックすると無効にする方法を有効にする方法は？その後、私はフォーカスを失ったときに再び無効に変更したい、または私は入力をヒットします。 できますか？

Answer 1

あなたは状態変数を作成し、matinput何mouseoutイベント

<form class="example-form"> 
    <mat-form-field class="example-full-width" (click)="disabled=false" (mouseout)="disabled=true"> 
    <input matInput placeholder="Favorite food" value="Sushi" 
      [attr.disabled]="disabled?'':null"> 
    </mat-form-field> 

    <mat-form-field class="example-full-width"> 
    <textarea matInput placeholder="Leave a comment"></textarea> 
    </mat-form-field> 
</form>