美文网首页
ionic 控制器跳转 --- 模态跳转

ionic 控制器跳转 --- 模态跳转

作者: 133sheiya | 来源:发表于2017-10-24 12:39 被阅读15次

一级页面
1.创建按钮

       <button ion-button (click)="presentCtrl()">跳转</button>

2、构造函数

constructor(public navCtrl: NavController,public modalCtrl: ModalController) {
this.dataArr = ["a","b","c"];
this.myParam = "123";
// this.modelP = ModelPage;
 }
  1. 动作
presentCtrl(){
let myModal = this.modalCtrl.create( ModelPage, { 'myParam': this.myParam });
myModal.present();
// this.navCtrl.push(this.modelP);
 }

二级页面 // 获取界面跳转的参数

 constructor(
     public viewCtrl: ViewController,
     params: NavParams
  ) {
// 获取界面跳转的参数
this.myParam = params.get('myParam');
     }

返回

// 界面 消失

dismissCtrl(){
   this.viewCtrl.dismiss();
  }

相关文章

  • iOS项目中常见的控制器跳转

    iOS控制器有两种跳转方式:1.模态跳转2.导航控制器跳转 1.模态跳转 dismissViewControlle...

  • 47-Swift 之控制器之间的跳转

    一 、 App开发中控制器之间的跳转有哪些方法? 》1 、导航跳转》2、模态跳转 二 、导航跳转 & 模态跳...

  • ionic 控制器跳转 --- 模态跳转

    一级页面1.创建按钮 2、构造函数 动作 二级页面 // 获取界面跳转的参数 返回 // 界面 消失

  • 模态跳转和导航push

    使用模态跳转的动画push导航控制器: //方法一:模态跳转,前提是利用navigationcontroller这...

  • 界面跳转

    模态跳转(Modal)普通的视图控制器一般只有模态跳转的功能,这个方法是所有视图控制器对象都可以用的。 一般跳转前...

  • Swift转场动画

    源码Github地址 系统模态跳转 模态跳转退回上一层控制器 push动画转场,支持右滑返回,当前控制器不是nav...

  • iOS ViewController跳转界面的几种方法简单总结

    1、模态跳转(Modal) 模态:一个普通的视图控制器一般只有模态跳转的功能,这个方法是所有视图控制器对象都可以用...

  • iOS模态跳转包装navigation导航栏

    1:实现过程 当程序模态跳转的时候,需要对跳转的控制器手动包装一个navigationcontroller 2:上...

  • iOS页面跳转和反回的实战用法

    常用的页面跳转方式主要分模态和push两种 一 . 模态跳转 1.带动画的模态跳转 页面跳转动画有四种 UIMod...

  • iOS13适配总结

    1、UITextField修改placeholder颜色 2、present控制器模态跳转样式 3、全局关闭暗黑模...

网友评论

      本文标题:ionic 控制器跳转 --- 模态跳转

      本文链接:https://www.haomeiwen.com/subject/mvmtpxtx.html