在Ionic 3中将页面1的数据传递给页面3

时间:2019-02-21 10:05:09

标签: ionic-framework ionic3

如何将home(第1页)的数据以及DetailsPage(第2页)的数据传递到ContactPage(第3页)?

首页的数据为“ UserId”

DetailsPage具有“ UserName”和“ UserAddress”的数据//此页面没有UserID

现在我该如何获取 ContactPage上的“ UserId”以及“ UserName&UserAddress”?

3 个答案:

答案 0 :(得分:1)

主页中的传递数据如下

this.navCtrl.push(DetailsPage, {
      UserId: 'UserId'
    });

关于页面中的

-使用获取值

this.UserId = navParams.get('UserId');

-并将数据从DetailsPage发送到ContactPage,方式为

this.navController.push(ContactPage, {
    UserId: this.UserId, UserName: 'UserName', UserAddress: 'UserAddress'
});

答案 1 :(得分:0)

您可以按照以下几种方式

从主页上将userId存储在localStorage中

localStorage.setItem('userId',<your variable>)

如果不是根页面,则从第二个页面开始

    this.navCtrl.push('ContactPage',{
    userName:<your variable>,
    userAddress:<your variable>
})

然后从第三页开始 从localStorage中获取localStorage.getItem('userId')这样的userId,并使用NavParams

获取userName和userAddress。
this.navParams.get('userName'),
this.navParams.get('userAddress '),

让我知道你的结果

答案 2 :(得分:0)

引用以下链接将数据从一页传递到另一页

Passing-data-between-pages-in-an-ionic-application