Ionic APP-Web SPA开发进阶(二)Ionic进阶之路由去哪了
2024-10-18 22:33:51
Ionic进阶之路由去哪了
项目需求
在查看药品时,从药品列表中可以通过点击药品列表获取某一药品详情。提交订单时,同样可以查看药品详情。两种情形下,从药品详情返回后,应分别返回至原来的页面。如下图所示。
现状是第一次添加的药品从提交订单路由至订单详情,但却不可以从药品详情返回至提交订单页面,而是返回到了药品列表中,但是在第二次点击后,却可以正确返回至订单提交页面。
通过阅读代码发现并没有手动添加返回路由的情况,返回的轨迹应该是Ionic内部实现的。但是两次返回的路由却不一致令人费解。反过来想想,最起码问题是有规律可循的。所以问题还是应该可以得到解决的。
尝试通过监听返回键的方式进行,在相应的条件语句中加入监听语句并进行判断。返回键退出的代码如下:
/* * Android返回键退出 */ $scope.listenbackbutton = function() { document.addEventListener("plusready", onPlusReady, false); function onPlusReady() { plus.key.addEventListener("backbutton", function() { if ($location.path() == '/tab/index') { if (plus.os.name == "Android") { $ionicLoading.show({ template: "再次点击返回键退出立马送药" }); $timeout(function() { $ionicLoading.hide(); plus.key.removeEventListener("backbutton", function() { }); return; }, 1000); plus.key.addEventListener("backbutton", function() { localStorage.addrTag = ''; localStorage.addrid = ''; plus.runtime.quit(); }); } else { outSet("此平台不支持直接退出程序,请按Home键切换应用"); } } else { $ionicHistory.goBack(); } }); } } $scope.listenbackbutton();
经过尝试,发现问题。onPlusReady() 方法无法调用。即不可以正常调用扩展API。
故放弃这条路。尝试通过其它方法进行解决(未完待续...)。
美文美图
最新文章
- [bzoj2653][middle] (二分 + 主席树)
- IOS开发基础知识--碎片19
- javascript时间的一些问题
- Snort规则中的逻辑关系
- 实现图片大小的自动控制( 图片大小控制CSS代码)
- 【英语】Bingo口语笔记(6) - 表示“迷茫”
- [译]36 Days of Web Testing(五)
- IOS-沙盒机制(一 简述)
- DX9三角形顶点绕序的判断
- CentOS7 安装zookeeper
- cralwer_爬虫代理中心的简要设计
- 201521123092《java程序设计》第十周学习总结
- 线段树-sum/max/min/区间更新
- 《Ray Tracing in One Weekend》、《Ray Tracing from the Ground Up》读后感以及光线追踪学习推荐
- JavaScript超酷时钟的制作
- tensorflow学习之(十)使用卷积神经网络(CNN)分类手写数字0-9
- Hadoop 多表关联
- oracle sql优化的几种方法
- Signing for ";XXXX"; requires a development team.
- LeetCode--682--棒球比赛(java)
热门文章
- JavaC命令不能被执行尴尬问题解决
- PHP 5 Date/Time 函数
- CentOS 安装Docker
- Android开发艺术探索第五章——理解RemoteViews
- 剑指Offer——联通研究院笔、面试题 (Offer已收割)
- 给定一个数列a1,a2,a3,...,an和m个三元组表示的查询,对于每个查询(i,j,k),输出ai,ai+1,...,aj的升序排列中第k个数。
- Scala actor的使用
- WINDOWS系统注册表取得管理权限研究
- FORM中调用JAVA组件
- 关于activitygroup过时,用frament替换操作