Question

我是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并且它有点帮助，但我希望更进一步。

Answer 1

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

Refer this too

Answer 2

reference.ts

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

在您的下一页中，在我们的案例中LevelPage执行

level.ts

this.navParams.get('id');

Answer 3

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

Ionic 2/3：通过ID将数据传递到下一页

3 个答案: