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>

我的home.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});
}

离子2从离子项选项传递数据

1 个答案: