Ionic 2/3：按 ID 将数据传递到下一页答案

【问题标题】：Ionic 2/3: Passing data to next page by IDIonic 2/3：按 ID 将数据传递到下一页
【发布时间】：2017-11-21 21:34:34
【问题描述】：

我是 Ionic 的新手，但基本上我希望根据 ID 将数据从一个屏幕传递到另一个屏幕。

在我的“reference.ts”文件夹中，我有以下代码..

 goToReference1(){
        let id = document.getElementById("1")

      if(id = 1) {
referenceField1: this.referenceList.referenceField1
        this.navCtrl.push(ReferencePage,referenceField1);
      }
      else {
        console.log("nahhh")
      }
    };

在我的levels.ts 文件夹（链接到数据的页面）我有....

ionViewDidLoad() {
  this.navParams.get("referenceField1")
  console.log(this.navParams.get("referenceField1"))
}

我不确定是否有更简单的方法可以根据 ID 传递和调用这些数据。我很难在下一页上显示它。我见过this tutorial，它有点帮助，但我希望能更进一步。

【问题讨论】：

标签： ionic-framework ionic2 ionic3

【解决方案1】：

您希望this.navCtrl.push(ReferencePage, { referenceField1:"xxxxxxx" }); referenceField1 是您传递的数据的关键，然后您在levels.ts 中所做的事情应该可以工作。

Refer this too

【讨论】：

【解决方案2】：

reference.ts

this.id = 2;
this.navCtrl.push(LevelPage, {id :this.id});

在您的下一页，在我们的例子中是LevelPage do

level.ts

this.navParams.get('id');

【讨论】：

【解决方案3】：

在发送页面导入 NavController 然后使用 this.navCtrl.push(NewPage,{'id':1}); （将 navCtrl 添加到您的构造函数中）在接收页面导入 NavParams 然后使用 this.navParams.get('id'); （将 navParams 添加到您的构造函数中）

【讨论】：