美文网首页
ionic 控制器跳转【入栈,出栈】

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

作者: 133sheiya | 来源:发表于2017-10-19 21:01 被阅读13次
  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相同。也是入栈,出栈操作。可以类推过去。。

相关文章

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

    在一级界面 html 中 添加跳转按钮 喜欢就点我呀! 2.在一级页面控制中引入头文件 在二级页面1. con...

  • POP PUSH

    1.pop出栈,push压栈, push能跳转到任意制定的页面控制器,pop是返回到已经创建的控制器,出栈即意味着...

  • 页面之间跳转

    UINavigationController通过栈的方式管理控制器的切换,控制入栈和出栈来展示各个视图控制器。UI...

  • 递归累加数组

    入栈 5入栈 4入栈 3入栈 2入栈 1出栈 [1 0]出栈 [2 1 0]出栈 [3 2 1 0]出栈 [4 3...

  • 小程序路由

    页面栈 页面栈保存页面的路由 页面跳转,便把该页面的压入栈 页面重定向,取代栈顶页面 页面返回,页面出栈 Tab切...

  • 隐藏UITabBarController多控制器的底部选项条时的

    //重写系统的push(跳转下一控制器入栈)方法 - (void)pushViewController:(UIVi...

  • iOS中判断是从哪个控制器push进来的,返回指定控制器

    push将控制器压到栈中,栈是先进后出;pop是出栈:即将控制器从栈中取出。 返回到指定的控制器:遍历一遍子控制器...

  • iOS pop与push

    1.pop出栈,push压栈, push能跳转到任意制定的页面控制器,pop是返回到任意制定的控制器,但是其前提是...

  • Flutter/Native混合工程页面跳转

    这篇文章介绍Flutter页面的入栈出栈方式、Flutter页面和Native页面互相跳转的方法,以及混合页面栈的...

  • 栈的简单Java实现

    栈栈的特点是先进后出,出栈、入栈都是在栈顶操作。

网友评论

      本文标题:ionic 控制器跳转【入栈,出栈】

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