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 判断某个属性是否存在hasAttr的解决方法
Apr 26 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
详解ES6 Symbol 的用途
Oct 14 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 Javascript
jQuery HTML css()方法与css类实例详解
May 20 jQuery
Taro小程序自定义顶部导航栏功能的实现
Dec 17 Javascript
一起深入理解js中的事件对象
Feb 06 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
php中mkdir函数用法实例分析
2014/11/15 PHP
php微信开发接入
2016/08/27 PHP
js判断屏幕分辨率的代码
2013/07/16 Javascript
js document.write()使用介绍
2014/02/21 Javascript
JavaScript中的函数嵌套使用
2015/06/04 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
js 输入框 正则表达式(菜鸟必看教程)
2017/02/19 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
2019/07/31 jQuery
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
Python3基础之函数用法
2014/08/13 Python
python操作字典类型的常用方法(推荐)
2016/05/16 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
python实现月食效果实例代码
2019/06/18 Python
Python socket 套接字实现通信详解
2019/08/27 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
Python如何实现邮件功能
2020/05/27 Python
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
2020/06/12 Python
python模块如何查看
2020/06/16 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
JAVA中的关键字有什么特点
2014/03/07 面试题
英文感谢信格式
2015/01/21 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
欠条样本
2015/07/03 职场文书
2016教师年度考核评语大全
2015/12/01 职场文书
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang
总结Java对象被序列化的两种方法
2021/06/30 Java/Android