如何在从for循环获取值时将值从html传递给typescript

Question

我正在使用离子2开发混合应用程序。我陷入了从html到打字稿的传递值。在这个页面中，我首先从ion-select设置了select选项，我在ion-option中设置了for loop（ngFor）。下面选择选项我已经把按钮添加到数据库的选定服务（按钮在ngFor以外，所以我不能发送选项ID到打字稿），我已经设置了选项名称的值。

我的代码如下

<ion-item>
  <ion-label>Service type</ion-label>
  <ion-select [(ngModel)]="serviceName" >
    <ion-option value="{{x.name}}" *ngFor="let x of servicelist">{{x.name}}</ion-option>
  </ion-select>
</ion-item>

<button ion-button (click)="addService()"> Add service</button>

Answer 1

你可以这样做：

<ion-item>
  <ion-label>Service type</ion-label>
  <ion-select [(ngModel)]="selectedService" >
    <ion-option [value]="x" *ngFor="let x of servicelist">{{x.name}}</ion-option>
  </ion-select>
</ion-item>

<button ion-button (click)="addService(selectedService)"> Add service</button>

in button you can pass anything from selectedService object.