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

Question

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

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

How do I set a default value in ionic select after the form is created?

ionic-framework

angular

ionic4