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

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

     <button ion-button (click)="pushToPersonComponent()" >喜欢就点我呀！</button>

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相同。也是入栈，出栈操作。可以类推过去。。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容