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后$冲突的解决办法
Jul 09 Javascript
映彩衣的js随笔(js图片切换效果)
Jul 31 Javascript
JSON.stringify 语法实例讲解
Mar 14 Javascript
快速解决jQuery与其他库冲突的方法介绍
Jan 02 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
JS公共小方法之判断对象是否为domElement的实例
Nov 25 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
Jan 23 Javascript
js中Number数字数值运算后值不对的解决方法
Feb 28 Javascript
实时监控input框,实现输入框与下拉框联动的实例
Jan 23 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
May 05 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 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
用Zend Encode编写开发PHP程序
2006/10/09 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
2014/06/07 Javascript
AngularJS基础知识
2014/12/21 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
从零学Python之引用和类属性的初步理解
2014/05/15 Python
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
python daemon守护进程实现
2016/08/27 Python
使用python为mysql实现restful接口
2018/01/05 Python
Python文件操作函数用法实例详解
2019/12/24 Python
Python类中self参数用法详解
2020/02/13 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
使用jupyter Nodebook查看函数或方法的参数以及使用情况
2020/04/14 Python
如何在django中实现分页功能
2020/04/22 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
利用python汇总统计多张Excel
2020/09/22 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
HTML5新增属性data-*和js/jquery之间的交互及注意事项
2017/08/08 HTML / CSS
移动通信专业自荐信范文
2013/11/12 职场文书
中专毕业生自荐信
2013/11/16 职场文书
应届专科生个人的自我评价
2014/01/05 职场文书
高中运动会入场词
2014/02/14 职场文书
教师竞聘演讲稿
2014/05/16 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript