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 相关文章推荐
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
jquery mobile实现拨打电话功能的几种方法
Aug 05 Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
jQuery源码分析之init的详细介绍
Feb 13 Javascript
了解JavaScript中的选择器
May 24 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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抓取页面的几种方法详解
2013/06/17 PHP
PHP之APC缓存详细介绍 apc模块安装
2014/01/13 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
详解json在php中的应用
2018/09/30 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
Mootools 1.2教程 函数
2009/09/15 Javascript
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
Flexigrid在IE下不显示数据的有效处理方法
2014/09/04 Javascript
jQuery固定元素插件scrolltofixed使用指南
2015/04/21 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
vue+elementUI实现表格关键字筛选高亮
2020/10/26 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
Python 学习笔记
2008/12/27 Python
使用Python下载Bing图片(代码)
2013/11/07 Python
python记录程序运行时间的三种方法
2017/07/14 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
美国轻奢时尚购物网站:REVOLVE(支持中文)
2020/07/18 全球购物
实习自我鉴定模板
2013/09/28 职场文书
劳资专员岗位职责
2013/12/27 职场文书
会计自荐信范文
2014/03/09 职场文书
保护环境倡议书
2014/04/14 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
无私奉献演讲稿
2014/09/04 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers