时间戳

首页 > 解决方案 > Angular Ionic 数据绑定

angular - Angular Ionic 数据绑定

问题描述

我正在循环一个产品列表，我想获得一个产品来使用 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>

标签： angularionic-framework

解决方案

最有可能的问题是该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>

推荐阅读