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
上一篇:jsp 页面间传递参数


下一篇:javascript页面间传递参数