Html 当仅使用与*ngFor一起复制的div时,如何设置默认的单选选项?
在我的表格中,我有两个性别选项。我想将默认收音机设置为“阳性”。我只有一个radio类型的输入,使用*ngFor渲染了两次*ngFor循环抛出一个包含两种性别的数组 其他类似的问题是使用双输入收音机。但我的代码只使用一个输入无线电和数组中的两个值 .html:Html 当仅使用与*ngFor一起复制的div时,如何设置默认的单选选项?,html,angular,Html,Angular,在我的表格中,我有两个性别选项。我想将默认收音机设置为“阳性”。我只有一个radio类型的输入,使用*ngFor渲染了两次*ngFor循环抛出一个包含两种性别的数组 其他类似的问题是使用双输入收音机。但我的代码只使用一个输入无线电和数组中的两个值 .html: <div class="radio" *ngFor="let gender of genders"> <label>
<div class="radio" *ngFor="let gender of genders">
<label>
<input
type="radio"
name="gender"
>
{{ gender }}
</label>
</div>
<div class="radio" *ngFor="let gender of genders">
<label>
<input
type="radio"
formControlName="gender"
[value]="gender"
/>{{ gender }}
</label>
</div>
“您还需要设置该值,以便[value]=“gender”,然后您可以使用[checked]=“gender==='mangin'”设置默认值:”(Tks到MikeOne)
您还需要设置该值,以便[value]=“gender”,然后您可以使用[checked]=“gender==“mangian”来设置defaultMikeOne,它正在工作!谢谢凉的喜欢建筑!谢谢你,兄弟!我是编程新手,但我真的很喜欢。
<div class="radio" *ngFor="let gender of genders">
<label>
<input
type="radio"
name="gender"
[value]="gender"
[checked]="gender === 'masculin'"
>
{{ gender }}
</label>
<div class="radio" *ngFor="let gender of genders">
<label>
<input
type="radio"
formControlName="gender"
[value]="gender"
/>{{ gender }}
</label>
</div>
ngOnInit() {
this.signupForm = new FormGroup({
'username': new FormControl(null),
'lastname': new FormControl(null),
'firstname': new FormControl(null),
'age': new FormControl(null),
'gender': new FormControl('masculin'),
'email': new FormControl(null),
'password': new FormControl(null),
});
}