Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当仅使用与*ngFor一起复制的div时,如何设置默认的单选选项?_Html_Angular - Fatal编程技术网

Html 当仅使用与*ngFor一起复制的div时,如何设置默认的单选选项?

Html 当仅使用与*ngFor一起复制的div时,如何设置默认的单选选项?,html,angular,Html,Angular,在我的表格中,我有两个性别选项。我想将默认收音机设置为“阳性”。我只有一个radio类型的输入,使用*ngFor渲染了两次*ngFor循环抛出一个包含两种性别的数组 其他类似的问题是使用双输入收音机。但我的代码只使用一个输入无线电和数组中的两个值 .html: <div class="radio" *ngFor="let gender of genders"> <label>

在我的表格中,我有两个性别选项。我想将默认收音机设置为“阳性”。我只有一个radio类型的输入,使用*ngFor渲染了两次*ngFor循环抛出一个包含两种性别的数组

其他类似的问题是使用双输入收音机。但我的代码只使用一个输入无线电和数组中的两个值

.html:

<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),
    
        });
      }