有页面A和B,点击A中按钮打开页面B,并且在B中显示A里面的参数。
A中引入B组件文件。
A.ts中点击按钮执行下面代码:
'''‘’‘····```’
openPage(){
this.navCtrl.push(B,{
name:"李四",
job:"会计"
});
B.ts中头部引入NavParams,并在构造函数中申明navParam对象,使用navParam.get('name')获取A中传递过来的参数。
代码如下:
import { Component } from '@angular/core';
import { NavController,NavParams } from 'ionic-angular';
@Component({
selector: 'page-contact',
templateUrl: 'contact.html'
})
export class ContactPage {
name:string;
job:string;
constructor(public navCtrl: NavController,navParam:NavParams) {
this.name=navParam.get('name');
this.job=navParam.get('job');
}
prePage(){
this.navCtrl.pop();
}
}