在选择下拉菜单时启用输入字段

Question

HTML

<mat-form-field class="id-name" >
     <mat-select placeholder="ID Card" formControlName="IDproof">
             <mat-option *ngFor="let IDproof of  IDproofs" [value]="IDproof.value" >
                 {{IDproof.viewValue}}
             </mat-option>
     </mat-select>

</mat-form-field>

<mat-form-field class="id-number" >
       <input matInput  >
</mat-form-field>

我在选项列表上有一个基本输入字段，如下图所示

从选项列表中选择选项后，如何使输入字段处于活动状态。在我从列表中选择任何一个选项之前，应将其禁用，并在选择该输入字段后将其填充（必填）。我该如何实现？

Answer 1

使用[disabled]属性，

我已在 Stackblitz

上创建了一个演示

<input matInput [disabled]="myForm.get('IDproof').value">