使用*ngFor获取ion-select的默认值

// 在组件的TypeScript文件中
export class YourComponent {
  options = [
    { id: 1, name: 'Option 1' },
    { id: 2, name: 'Option 2' },
    { id: 3, name: 'Option 3' }
  ];
  selectedOptionId = 2; // 假设我们想要默认选中id为2的选项
}

<!-- 在组件的HTML模板中 -->
<ion-item>
  <ion-label>Select an Option</ion-label>
  <ion-select [(ngModel)]="selectedOptionId">
    <ion-select-option *ngFor="let option of options" [value]="option.id">
      {{ option.name }}
    </ion-select-option>
  </ion-select>
</ion-item>

// 使用Reactive Forms的方式
import { FormBuilder, FormGroup } from '@angular/forms';

export class YourComponent implements OnInit {
  form: FormGroup;

  constructor(private fb: FormBuilder) {}

  ngOnInit() {
    this.form = this.fb.group({
      selectedOptionId: [2] // 设置默认值为2
    });
  }
}

<!-- 在HTML模板中使用formControlName -->
<ion-item>
  <ion-label>Select an Option</ion-label>
  <ion-select formControlName="selectedOptionId">
    <ion-select-option *ngFor="let option of options" [value]="option.id">
      {{ option.name }}
    </ion-select-option>
  </ion-select>
</ion-item>