首页 文章

默认选择值离子无线电，具有使用反应形式的动态值

提问于
浏览 次
2

我正在使用离子无线电，它具有动态值，需要使用反应形式设置第一个值 .

<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: '',**
     ...

    });
}
angular typescript ionic2 ionic3

1 回答

  • 1

    你只需要在装箱时设置该控件的值，作为默认选择它的第一个选项的id：

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

    EDIT:

    如果此时数据不可用，您可以将其初始化为空

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

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

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

相关问题