创建表单后如何在离子选择中设置默认值？

Question

我正在尝试使用formControl使该选项在Ionic Select 中显示为选中状态，但是它不起作用，该值是在表单中设置的，当我键入 console.log (this.form) 时，该字段的值会出现，但是它没有出现在 select 中，是空白的。

我正在使用 ionic 4 版本。

HTML：

<!-- Analysis Mode -->
<ion-col size="12">
  <ion-label class="custom-label" stacked>Modo de Análise</ion-label>
  <ion-select formControlName="analysis_mode" interface="popover">
    <ion-select-option value="1">Aleatório</ion-select-option>
    <ion-select-option value="2">Sequencial</ion-select-option>
  </ion-select>
 </ion-col>

形式：

this.form = this.formBuilder.group({
  analysis_mode: new FormControl(null, Validators.required),
  value: new FormControl(null, Validators.required),
});


this.form.controls['analysis_mode'].setValue(1);

Answer 1

你可以试试这个代码：

this.form = this.formBuilder.group({
    analysis_mode: new FormControl('defaultValue', Validators.required),
    value: new FormControl('defaultValue', Validators.required),
});

或者您可以在以下之后执行此操作：

this.form.patchValue({
    'analysis_mode': 'defaultValue'
});