Angular Ionic 数据绑定

【问题标题】：Angular Ionic data bindingAngular Ionic 数据绑定
【发布时间】：2021-10-07 21:47:58
【问题描述】：

我正在循环一个产品列表，我想获得一个产品以使用 IDProduct 发出 HTTP 请求，但我无法将产品从 .html 传递到 .ts。有没有人可以帮帮我？

       <ion-item *ngFor="let prod of listProdotti | filter:searchItem">
          <ion-label>{{ prod.NomeProdotto }}</ion-label>
          <ion-label>{{ prod.Reference }}</ion-label>
          <ion-toggle color="primary" [checked]="prod.Pubblicato == 'Si' ? true: false" (ionChange)="statusProduct($event)"></ion-toggle>
          <ion-icon style="cursor: pointer;"name="trash" color="danger" (click)="deleteProduct(prod.IDProdotto, prod.NomeProdotto)"></ion-icon>
       </ion-item>

【问题讨论】：

标签： angular ionic-framework

【解决方案1】：

问题很可能是click 事件在ion-icon 上不起作用。尝试将ion-icon 包裹在按钮内。

    <button ion-button icon-only (click)="deleteProduct(prod.IDProdotto, prod.NomeProdotto)">
        <ion-icon style="cursor: pointer;"name="trash" color="danger"></ion-icon>
    </button>

【讨论】：

一切正常，但是当我点击到 .ts 文件时，我不知道如何传递 prod.IDProdotto
我找到了解决办法，谢谢。
对不起，我想误解了你的问题。我建议你发布解决方案，以防有人遇到同样的问题。