angular+ionic返回上一页并刷新页面


Posted in Javascript onAugust 08, 2017

假定当前页面为editCata页面,要返回的是cataDetail页面。目前我找到两种方法实现返回上一页并刷新,如果以后有其它方法,再继续添加。

1、在editCataCtrl.js中注入$ionicHistory服务. 使用$ionicHistory.goBack()方法即可返回到上一页面。

JS端代码:

$scope.goBack=function(){
   $ionicHistory.goBack();
  }

HTML代码:

<button class="button button-clear" ng-click="goBack()">返回上一页</button>

如果需要返回上一页时,重试加载页面,在上一页editCataCtrl.js中添加以下代码:

//其他页面返回此页面时刷新数据
$scope.$on('$stateChangeSucess',$scope.doRefresh);//doRefresh为自定义的方法,可根据个人需要调用

2、可以试一下$state.go("路径名",{参数},{reload:true});

******************************************************

上述的刷新页面效果在实际过程中并没有起到效果,可以通过

$ionicView.beforeEnter

事件刷新页面

//其他页面返回此页面时刷新数据
//$scope.$on('$stateChangeSucess',$scope.doRefresh);//doRefresh为自定义的方法,可根据个人需要调用
//上面方法经测试是没有效果的。reload也不能刷新页面,经测试可以用下面的事件刷新页面
 $scope.$on('$ionicView.beforeEnter',$scope.doRefresh);

 如果还不行,在ion-view设置catch为false

<ion-view cache-view="false" class="cata-detail-page" animation="slide-in-up">

总结

以上所述是小编给大家介绍的angular+ionic返回上一页并刷新页面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 实现二级/三级/多级联动菜单的思路及代码
Apr 08 Javascript
JS中获取数据库中的值的方法
Jul 14 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
Oct 21 Javascript
js调试工具console.log()方法查看js代码的执行情况
Aug 08 Javascript
同一个网页中实现多个JavaScript特效的方法
Feb 02 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
一个仿微博登陆邮箱提示框js开发案例
Jul 28 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
js表单序列化判断空值的实例
Sep 22 Javascript
简单的Vue SSR的示例代码
Jan 12 Javascript
浅谈Vue 函数式组件的使用技巧
Jun 16 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 #Javascript
原生JS+Canvas实现五子棋游戏
May 28 #Javascript
React-router v4 路由配置方法小结
Aug 08 #Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 #Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 #Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 #Javascript
ES6模块化的import和export用法方法总结
Aug 08 #Javascript
You might like
php 文件缓存函数
2011/10/08 PHP
PHP 第二节 数据类型之字符串类型
2012/04/28 PHP
destoon之一键登录设置
2014/06/21 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
php判断访问IP的方法
2015/06/19 PHP
利用PHP生成CSV文件简单示例
2016/12/21 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
jquery获取焦点和失去焦点事件代码
2013/04/21 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
我用的一些Node.js开发工具、开发包、框架等总结
2014/09/25 Javascript
js倒计时抢购实例
2015/12/20 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
2016/05/10 Javascript
微信小程序 Nginx环境配置详细介绍
2017/02/14 Javascript
微信小程序 支付后台java实现实例
2017/05/09 Javascript
深入理解Angular.JS中的Scope继承
2017/06/04 Javascript
js canvas实现五子棋小游戏
2021/01/22 Javascript
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python中正则的使用指南
2016/12/04 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
python2与python3共存问题的解决方法
2018/09/18 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
python实现猜数游戏
2020/03/27 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
python 使用elasticsearch 实现翻页的三种方式
2020/07/31 Python
乐高积木玩具美国官网:LEGO Shop US
2016/09/16 全球购物
工商企业管理应届生求职信
2013/11/03 职场文书
先进班组材料范文
2014/12/25 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
浅谈Python基础之列表那些事儿
2021/05/11 Python
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技