使用第二页第一页的数据

Question

我有一个简单的应用程序，当有人点击列表元素时，会弹出一个新页面，并点击列表元素人员的文本。

所以我希望将device变量传递给名为deviceDetails

的页面

<ion-list>
  <ion-item *ngFor="let device of devices" (click)="showDevice(device)">
    <ion-item>
      {{ device }}
      <!-- Whaetver device is clicked I want it to be in the ion-title on page 2 -->
    </ion-item>
  </ion-item>
</ion-list>

我认为我应该使用navController showDevice()方法传递数据，但我不知道this.nav.push(deviceDetails,device);是否有效，因为我不知道如何获取数据{ {1}}页面。任何想法如何解决这个问题？

捕获数据的类

deviceDetails

@santosh singh在聊天中向我解释说我必须将export class DevicePage { device: string; constructor(public navCtrl: NavController, public navParams: NavParams) { this.device = navParams.get("deviceName"); console.log(this.device); } ionViewDidLoad() { console.log('ionViewDidLoad DevicePage'); } } 作为这样的对象发送。

deviceName

Answer 1

您可以在devicedetails页面上获取数据，如下所示

 export class DeviceDetails{
    constructor(navParams: NavParams){
        this.deviceName= navParams.get("deviceName");

    }
}

在showDevice方法

中

showDevice(devinceName){
      this.nav.push(DeviceDetails,{'deviceName':deviceName})
}