IONIC基础界面跳转

基本使用

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

这里写图片描述

这里写图片描述

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

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

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

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

实现原理

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值