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

【问题标题】：Enabling the input field on selecting the dropdown在选择下拉菜单时启用输入字段
【发布时间】：2019-01-19 19:10:08
【问题描述】：

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>

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

如何在从选项列表中选择选项后激活输入字段。在我从列表中选择任何一个选项之前，它应该被禁用，并且在选择该输入字段后应该填充（必需）。我怎样才能做到这一点？

【问题讨论】：

有一个disabled属性可以根据select的值在<input>中设置

标签： angular typescript angular-material angular6

【解决方案1】：

使用[disabled] 属性，

我在 Stackblitz

上创建了一个演示

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

【讨论】：

ERROR Error: Cannot find control with name: 'IDproof' 显示此错误。
不是[disabled]="!myForm.get('IDproof').value"??与!
stackblitz.com/edit/…
请检查网址。我在 Stackblitz 上创建了演示。
现在我无法对输入字段进行验证，我想通过使用formControlName 来验证它，但是通过输入formControlName，输入字段将变为活动状态。