ionic 控制器跳转【入栈,出栈】

  1. 在一级界面 html 中 添加跳转按钮

     
    

2.在一级页面控制中引入头文件

          import { NavController } from 'ionic-angular';
          
        export class HomePage {
              
                personP;
           //构造方法
         constructor(public navCtrl: NavController) {

               this.personP = PersonPage;
           }
           //实现跳转方法
           pushToPersonComponent(){ 
              //传递参数 类似于iOS 中 字典{"title":"value"}
              this.navCtrl.push(this.personP,{title:'没有人可以比我帅'});
           }

  }
  1. 在二级页面

    1.  constructor( public params:NavParams){
         /// 类似于angular2中的路由取值。
           console.log(this.params.get('title'));
     }
       
      2.重写控制器返回方法
         navPopToLastVc(){
              //组件出栈 。跟 iOS一样。
              this.navCtrl.pop();
              } 
    

控制器的跳转 push与pop 方法 的使用与iOS相同。也是入栈,出栈操作。可以类推过去。。

你可能感兴趣的:(ionic 控制器跳转【入栈,出栈】)