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 26 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
Nov 09 Javascript
Jquery 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
javascript 处理null及null值示例
Jun 09 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
Jul 19 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 Javascript
小程序组件之自定义顶部导航实例
Jun 12 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 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制作图型计数器的例子
2006/10/09 PHP
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
php两种无限分类方法实例
2015/04/21 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP函数积累总结
2019/03/19 PHP
JavaScript 原型与继承说明
2010/06/09 Javascript
javascript Window及document对象详细整理
2011/01/12 Javascript
JavaScript中去掉数组中的重复值的实现方法
2011/08/03 Javascript
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
自己实现string的substring方法 人民币小写转大写,数字反转,正则优化
2012/09/02 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
2018/01/23 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
python 网络爬虫初级实现代码
2016/02/27 Python
Python入门之三角函数tan()函数实例详解
2017/11/08 Python
详解Python_shutil模块
2019/03/15 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
深入浅析python3中的unicode和bytes问题
2019/07/03 Python
pyinstaller还原python代码过程图解
2020/01/08 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
基于css3 animate制作绚丽的动画效果
2015/11/24 HTML / CSS
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
马来西亚网上花店:FlowerAdvisor马来西亚
2020/01/03 全球购物
中学生旷课检讨书500字
2014/10/29 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android