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 相关文章推荐
一些有用的JavaScript和jQuery的片段分享
Aug 23 Javascript
原生javascript 学习之js变量全面了解
Jul 14 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
浅谈Angular中ngModel的$render
Oct 24 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
Dec 21 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
通过封装scroll.js 获取滚动条的值
Jul 13 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
JavaScript实现打砖块游戏
Feb 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
php简单实现多语言切换的方法
2016/05/09 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
Yii框架中使用PHPExcel的方法分析
2019/07/25 PHP
PHP单文件上传原理及上传函数的封装操作示例
2019/09/02 PHP
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
2013/12/11 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
2018/08/28 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
Python中的作用域规则详解
2015/01/30 Python
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
Python面向对象类的继承实例详解
2018/06/27 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
python 根据字典的键值进行排序的方法
2019/07/24 Python
python 实现手机自动拨打电话的方法(通话压力测试)
2019/08/08 Python
wxPython实现文本框基础组件
2019/11/18 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
Css3新特性应用之形状总结
2016/12/08 HTML / CSS
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
Myprotein比利时官方网站:欧洲第一运动营养品牌
2020/10/04 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
请说出以下代码输出什么
2013/08/30 面试题
公司经理聘任书
2014/03/29 职场文书
高中生第一学年自我鉴定
2014/09/12 职场文书
如何在向量化NumPy数组上进行移动窗口
2021/05/18 Python
redis哨兵常用命令和监控示例详解
2021/05/27 Redis