Question

我正在尝试使用州和城市字段构建表单，因此当我更改状态时，将加载所选状态中的城市：

<ion-item>
  <ion-label stacked>State*</ion-label>
  <ion-select formControlName="stateId" (ionChange)="updateCities()">
    <ion-option *ngFor="let state of states" value="{{state.id}}">{{state.name}}</ion-option>
  </ion-select>
</ion-item>
<ion-item>
  <ion-label stacked>City*</ion-label>
  <ion-select formControlName="cityId">
    <ion-option *ngFor="let city of cities" value="{{city.id}}">{{city.name}}</ion-option>
  </ion-select>
</ion-item>

Ts档案：

  updateCities() {
    let state_id = this.formGroup.value.stateId;
    this.cityService.findAll(state_id)
      .subscribe(response => {
        this.cities= response;
        this.formGroup.value.cityId = this.cities[0].id;
      });
  }

注意我也强迫我将formGroup.value.cityId设置为新加载集合中的第一个城市（我不确定这是不是一个好习惯）。但是，在离子选择中没有选择城市。那么当我在表单中更改状态时，如何在离子选择中强制选择城市[0]？

离子：如何在离子选择上动态设置项目？

0 个答案: