this.navCtrl.push()中跨页面传值

有页面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();
  }  
}

你可能感兴趣的:(this.navCtrl.push()中跨页面传值)