如何在从 for 循环获取值时将值从 html 传递到打字稿

Question

我正在使用 ionic 2 开发混合应用程序。我被困在从 html 到 typescript 的传递值中。在此页面中，我首先从 ion-select 设置了 select 选项，并且在 ion-option 中设置了 for loop(ngFor) 。在 select 选项下方，我已经放置了用于向数据库添加 selected 服务的按钮（按钮在 ngFor 之外，因此我无法将选项 ID 发送到打字稿）并且我在值中设置了选项名称。

my code is below

<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>

在按钮中，您可以传递来自 selectedService 对象的任何内容。

如何在从 for 循环获取值时将值从 html 传递到打字稿

How to pass value from html to typescript while value getting from for loop

typescript

ionic2

angular