首页 > 解决方案 > 默认检查不适用于角度 2 单选按钮表单控件

问题描述

我有一个表单控件作为单选按钮,如下所示

 <div class="form-group">
     <label for="">Activity Time</label><br/>
     <input type="radio" value="0" (change)="handleActivityTime(false)"   formControlName="activityTime"> By Select
     <input type="radio" value="1" (change)="handleActivityTime(true)"  [checked]="true" formControlName="activityTime"> By Input
 </div>

在我的 component.ts 中,我创建了表单控件。在这里,我将 By Input 指定为默认值,并将其设置为选中状态。但它无法检查。

标签: angularangular-reactive-forms

解决方案


问题是价值应该在[价值]上表明

<div class="form-group">
     <label for="">Activity Time</label><br/>
     <input type="radio" value="0" (change)="handleActivityTime(false)"   formControlName="activityTime"> By Select
     <input type="radio" value="1" (change)="handleActivityTime(true)"  [checked]="true" formControlName="activityTime"> By Input
 </div>

正在为我工​​作。也无需在表单上创建 formconrol 对象


推荐阅读