我的表单中有一个“mat-radio-group”,它有 2 个“mat-radio-button”,其值为“yes”和“no”。
我想根据用户的选择使用这些值来启用或禁用另一个输入字段(简单的 matInput)。
我还想默认禁用 matInput(在用户从无线电组中检查“是”或“否”之前)。
我正在使用 Angular 反应式表单,并为这些输入设置了表单控件名称。
假设 formGroup 名称是“myForm”。
以下是我在模板中的代码:
<mat-radio-group formControlName="myRadio">
<mat-radio-button value="yes" required>Yes</mat-radio-button>
<mat-radio-button value="no" required checked>No</mat-radio-button>
</mat-radio-group>
<mat-form-field>
<input matInput formControlName="myInput" />
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)