美文网首页
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();
      }

    相关文章

      网友评论

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

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