angular - 创建表单后如何在 ionic select 中设置默认值？

Question

我正在尝试使用 formControl 使该选项在 Ionic Select 中显示为选中状态，但是它不起作用，值是在表单中设置的，当我type 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'
});