IONIC基础界面跳转

基本使用

使用方法十分简单,个人认为与Android的界面跳转十分类似。

IONIC基础界面跳转

IONIC基础界面跳转

  1. 首先在constructor构造函数中导入NavController参数

  2. 其次使用NavController的push方法进行界面跳转,
    参数1:目标界面(必填); 参数2:传递的值(非必填)

  3. 最后在目标界面也使用NavParams获得上个界面传递的数据

总结:ionic2开始界面跳转的使用方法还是非常方便使用的。

实现原理

基于我本人的一些不成熟的理解来看,ionic2界面的显示使用的是页面堆栈的形式,在app.component.ts里面的rootPage的基础上,以先入后出的方式进行实现。其中rootPage是必须的但也是可以更改的,利用NavController的push和pop方法对页面进行操作,如果是Android开发人员,完全可以把这个当成是Activity的标准启动模式来看,或许会比较容易理解。

有兴趣的也可以直接看官方文档,里面有更加详细的介绍,NavControllerNavParams