angular - 使用 react 形式具有动态值的默认选择值ion ion-radio

我用的是离子收音机，它有动态值，需要设置第一个值作为选择使用反应形式。

 <ion-list radio-group formControlName="typeName">
                <ion-label class="label-radio">
                  Type
                </ion-label>
                <ion-item *ngFor="let option of options">
                  <ion-label>{{option.name}}</ion-label>
                  <ion-radio [value]="option.id"></ion-radio>
                </ion-item>
  </ion-list>

类型脚本：

constructor(...){
 this.excavationInformationForm = formBuilder.group({
     ...
     **IntersectionType: '',**
     ...

    });
}

最佳答案

您只需在创建控件时设置该控件的值，使其成为第一个选项的ID，以使其在默认情况下处于选中状态：

this.excavationInformationForm = formBuilder.group({
  // ...
  typeName: [options[0].id],
  // ...
});

编辑：
如果此时数据不可用，则可以将其初始化为空。

this.excavationInformationForm = formBuilder.group({
  // ...
  typeName: [''],
  // ...
});

然后，当选项列表就绪时，更新控件的值：

this.excavationInformationForm.get('typeName').setValue(options[0].id);

关于angular - 使用 react 形式具有动态值的默认选择值ion ion-radio，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44715350/