问题

我在项目{{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或任何事情.我只想传递数据.

  最佳答案

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

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

voila,你得到了用于导航的项ID。

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

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

  相同标签的其他问题

ionic4angular-router