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();
  }  
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,712评论 0 17
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,062评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 笑颜桃花绽靥, 孩童荷莲游水。 农夫麦穗弯腰, 生身腊梅迎香。
    白倪阅读 1,709评论 4 1
  • 基础介绍 ROS (Robot Operating System, 机器人操作系统) 提供一系列程序库和工具以帮助...
    Mikeday阅读 3,301评论 0 0