ionic v3采用的是TypeScript写法，页面间跳转的几种方式以及传值之模态化窗口的形式（ModalController）

模态化窗口的形式（ModalController）

和上一篇文章页面堆栈方式（NavController）页面堆栈方式是一样的

即一个小弹窗形式，modal跳转也是页面跳转。
和NavController用法是一样的，也可以传递参数到跳转页面，
获取值的方式也是通过NavParams.get()；
不同在于设备大小而显示的模态话窗口大小不一样。需要引入ModalController。

import { ModalController } from 'ionic-angular';

export class HomePage {
  id : number;
  name : string;
  constructor(public modal: ModalController ) {
  } 
//定义跳转函数
    openModelpage(){
      //your codes...   
      let modal = this.modal.create(xxx,{ //xxx是要跳转到的页面的类名
          "id" : 1,
          "name" : "Neo"
      }) ;
      modal.present();
    }
}

来看看堆栈方式和模态化方式效果的区别

下一篇文章讲解事件发布订阅（Events）