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 相关文章推荐
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
js动态创建、删除表格示例代码
Aug 07 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
移除AngularJS下URL中的#字符的方法
Jun 19 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
Nov 04 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
Apr 13 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
解决npm安装Electron缓慢网络超时导致失败的问题
Feb 06 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 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安全性问题中的:Null 字符问题
2013/06/21 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
Javascript对象Clone实例分析
2015/06/09 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
JavaScript实现短信倒计时60s
2017/10/09 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
nodejs简单实现TCP服务器端和客户端的聊天功能示例
2018/01/04 NodeJs
angularjs 缓存的使用详解
2018/03/19 Javascript
解决layer弹层遮罩挡住窗体的问题
2018/08/17 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
JavaScript事件概念详解(区分静态注册和动态注册)
2021/02/05 Javascript
Python程序语言快速上手教程
2012/07/18 Python
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
如何用python处理excel表格
2020/06/09 Python
详解python中的异常捕获
2020/12/15 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
如何唤起类中的一个方法
2013/11/29 面试题
幼儿园大班家长评语
2014/04/17 职场文书
企业安全生产承诺书
2014/05/22 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
2015关爱留守儿童工作总结
2014/12/12 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
宾馆安全管理制度
2015/08/06 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL