这是我的组件类,我尝试将表单单选按钮值设置为 1:
import { FormGroup, FormControl } from '@angular/forms';
export class myComponent implements OnInit{
pageForm: FormGroup;
ngOnInit() {
this.pageForm = new FormGroup({
'gndr': new FormControl(1)
});
}
}
但是当页面加载时,单选按钮未设置为“男性”,并且两个选项均为空白:
<div class="form-group">
<label for="gender">Gender</label>
<div class="radio">
<label>
<input type="radio" name="gndr" formControlName="gndr" value=1>Male
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="gndr" formControlName="gndr" value=0>Female
</label>
</div>
</div>
那么如何从组件类加载单选按钮值呢?
如果您希望默认手动检查其中任何一个,您可以添加“checked”标签,例如
<div class="radio">
<label>
<input type="radio" name="gndr" formControlName="gndr" value=1 checked>Male
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="gndr" formControlName="gndr" value=0>Female
</label>
</div>
Edit
如果您想使用截至目前的默认值输入字符串,在FormControl中设置:
component.ts
this.pageForm = new FormGroup({
'gndr': new FormControl('1')
});
component.html
...
<input type="radio" formControlName="gndr" value=1>
...
如果您想使用截至目前的默认值型号,在FormControl中设置:
component.ts
this.pageForm = new FormGroup({
'gndr': new FormControl(1)
});
component.html
...
<input type="radio" formControlName="gndr" [value]=1>
...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)