如何将数据从 *ngFor 项目传递到点击方法

Question

我在项目中显示了一些文本数据{{ item.id }}

<ion-item (click)="openPhotoList()">
   <ion-input type="text" [(ngModel)]="data.findingID">{{ item.id }}</ion-input>
</ion-item>

当我单击该项目时，我将启动方法 openPhotoList()

openPhotoList() {
  this.finding =  this.data.findingID;
  console.log("finding number", this.finding);
  let navigationExtras: NavigationExtras = {
    state: {
      findingid: this.finding
    }
  };

 this.router.navigate(['/side-camera'], navigationExtras);
}

我想做的是将 {{ item.id }} 从 html 页面一直传递到侧面相机页面。我并非不致力于 ion-item 或任何与此相关的东西。我只是想传递数据。

Answer 1

也许将 item.id 作为参数传递到 openPhotoList 函数中会更容易。

<ion-item (click)="openPhotoList(item.id)">
   <ion-input type="text" value="{{ item.id }}"></ion-input>
</ion-item>

瞧，你得到了导航的 itemID。

openPhotoList(itemID: string) {
  const navigationExtras: NavigationExtras = {
    state: {
      findingid: itemID
    }
  };

 this.router.navigate(['/side-camera'], navigationExtras);
}

如何将数据从 *ngFor 项目传递到点击方法

How do I pass data from a *ngFor item to a click Method

angular-router

ionic4