用表单生成器进行离子选择时显示的值不正确

Question

.html

 <ion-select formControlName="type">
    <ion-select-option value="t?.id" *ngFor="let t of (issueTypes$ | async)?.result;"> {{t?.name}}
   </ion-select-option>
  </ion-select>

.ts

  init() {
    this.form = this.formBuilder.group({
      type: ['', Validators.required],
     });
  } 

 save() {
   const maintenance: Maintenance = {
      type: this.form.value.type,
     };
  }

调试

为什么type将t?.id显示为值？

Answer 1

您需要绑定值。像这样

inst/doc

还：我认为您需要以以下方式获取表单数据：

<ion-select-option [value]="t?.id" *ngFor="let t of (issueTypes$ | async)?.result;"> {{t?.name}}

需要正确设置其他几个项目才能正常工作。如果需要更多帮助，请发布完整的表单代码