ionic3+angular4--页面间数据传递

最新推荐文章于 2023-04-19 18:20:29 发布

麦冬mdong

最新推荐文章于 2023-04-19 18:20:29 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/baidu_34635864/article/details/78257112

本文介绍在Ionic框架中如何实现页面间的跳转并传递数据，包括使用NavController进行页面跳转的方法及如何通过Push传值的方式将数据从一个页面传递到另一个页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

通过Push传值

import { 
NavController,Content  }from
'ionic-angular';
  constructor(publicnavCtrl:NavController)

//参数二：要传递到下一个界面的数据，类型有：string，object
  this.navCtrl.push(HomeDiealPage,{name:data});


获取传递的数据：
首先引入：NavParams
import { 
NavParams } 
from 'ionic-angular';


  constructor(public
navParams:NavParams) {
//使用一：
    this.panelTitle=navParams.data.name;
//使用二：
alert(navParams.get('panelTitle'));
  }