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

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