离子2传递来自离子项目的数据

Question

如何从主页中的ion-item-options按钮发送项目数据到地图页面。

我想发送此项目数据 {{info.map}}

home.html

<ion-item-sliding *ngFor="let info of infos">
      <ion-item>
        {{info.title}} 
         {{info.map}} 
      </ion-item>
    <ion-item-options>
           <button ion-button icon-only color="light" (click)="Map()">
              <ion-icon name="map"></ion-icon>
            </button>

我从家里有此代码。html

想发送这里 map.ts

let latLng = new google.maps.LatLng(**HERE**);

Answer 1

您可以将数据发送为click事件中的参数。

 <button ion-button icon-only color="light" (click)="Map(info.map)">
     <ion-icon name="map"></ion-icon>
 </button>

将Map()定义为Map(data:any)，然后通过NAVCONTROLLER将对象作为参数发送。

Map(data:any){
  this.nav.push(MapPage,{FirstParam:data});
}