服务器数据的离子选择问题

Question

我想显示来自服务器的选项。当我单击选择选项时，我在第一次单击时获得以前的值，并在第二次单击时获得更新的值。

我正在制作一个应用程序，用户有一个页面，他们可以在其中更改选项并将该数据保存到服务器。但是，当选项更新时，它会在第二次单击时进入选项，在第一次单击时显示以前的值。

这是代码：

dropDownListOne() {
  this.regService.dropDownOne(this.uId)
    .subscribe((info) => {
      this.ddOneData = info;
      var array = this.ddOneData;
      var val: string = (array[array.length - 1].dropdown1);
      this.options = [];      
      this.data = val;
      Object.keys(val).forEach(option => { if (val[option]!= "") 
     this.options.push(val[option])});                      
  })
  console.log(this.options)
}

和 HTML：

<ion-item>
    <ion-select [(ngModel)]="option" placeholder="Select Option" (click)="dropDownListOne()">
        <ion-option *ngFor="let option of options" [value]="option">{{option}}</ion-option>
    </ion-select>        
</ion-item>     

Answer 1

在离子选择上使用ionChange而不是click。

每当所选选项更改时，这将触发dropDownListOne()：

<ion-select [(ngModel)]="option" placeholder="Select Option" (ionChange)="dropDownListOne()">
    <ion-option *ngFor="let option of options" [value]="option">{{option}}</ion-option>
</ion-select>