Как передать данные из элемента * ngFor в метод click

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 до страницы боковой камеры.Я не привержен ни чему-то подобному.Я просто хочу передать данные.

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);
}