如何从ion-select选项中获取值

3 回答

• 13

  有几件事情共同造成了这个错误 . 第一个改变是，而不是像这样使用 click 事件：

  (click)="optionsFn(item);
  

  您应该使用Ionic公开的 ionChange 事件：

  (ionChange)="optionsFn();"
  

  另请注意，由于您使用 [(ngModel)]="place" 将select元素绑定到您的某个组件's properties, you don' t需要将该项目作为参数发送，因为 this.place 将在触发 ionChange 事件时成为所选项目 .

  这就是为什么你的 optionsFn 方法看起来像这样：

  public optionsFn(): void { //here item is an object 
      console.log(this.place);
  
      let item = this.place; // Just did this in order to avoid changing the next lines of code :P
  
      this.product_option_value_idOp = item.product_option_value_id;
      this.priceOp = item.price;
      this.salespriceOp = item.salesprice;
      this.quantityOp = item.quantity;
      this.skuOp = item.sku;
      this.nameOp = item.name;
    }
  

  回复于 2024-04-26T17:49:25+08:00
• -1

  使用（ngModelChange）代替（click）事件 .

  (ngModelChange)="optionsFn()"
  

  每当模型值改变时，ngModelChange将自动调用相对函数 .

  <ion-item>
    <ion-label>place</ion-label>
    <ion-select [(ngModel)]="place" (ngModelChange)="optionsFn(item)">
        <ion-option value="item" *ngFor="let item of options">{{item.name}} &nbsp;&nbsp;{{item.price}}</ion-option> 
    </ion-select>
  </ion-item>
  

  回复于 2024-04-26T17:49:25+08:00
• 1

  进行以下更改后检查：

  // html改变

  <ion-select [(ngModel)]="gaming" (change)="optionsFn();">
    <ion-option [value]="item" *ngFor="let item of options">{{item.name}} &nbsp;&nbsp;{{item.price}}</ion-option> 
  </ion-select>
  

  //.ts改变

  optionsFn() {
    console.log(this.gaming);
    let item = this.gaming;
    this.product_option_value_idOp = item.product_option_value_id;
    this.priceOp = item.price;
    this.salespriceOp = item.salesprice;
    this.quantityOp = item.quantity;
    this.skuOp = item.sku;
    this.nameOp = item.name;
  }
  

  回复于 2024-04-26T17:49:25+08:00