ionic3+angular5页面间传递参数

一、从一个页面跳转到另一个页面的方法

1、引入服务

import { NavController } from 'ionic-angular';

2、初始化

 constructor(public navCtrl: NavController) {

  }

3、跳转页面

this.navCtrl.push(AddRecordPage);

AddRecordPage是引的的要跳转的新页面，我这里的AddRecordPage是这么引用的：

import { AddRecordPage } from '../add-record/add-record';

 

二、从一个页面跳转到另一个页面时传递参数的方法

1、接上面的例子，传递参数给新页面：

this.navCtrl.push(AddRecordPage,{id:recordid});

2、在新页面接收传递的参数，引入NavParams

import {NavParams } from 'ionic-angular';

3、初始化

  constructor(public navParams: NavParams) {
  }

4、接收上一个页面的参数

this.navParams.data.id