默认检查不适用于 angular 2 单选按钮表单控件

Question

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

 <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 指定为默认值，并将其设为选中状态。但它无法检查。

Answer 1

问题是值应该在 [值]

上标明

<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 对象

默认检查不适用于 angular 2 单选按钮表单控件

Default Check not working on angular 2 radio button Form Control

angular

angular-reactive-forms