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 相关文章推荐
js 小数取整的函数
May 10 Javascript
jquery等宽输出文字插件使用介绍
Sep 18 Javascript
jquery+php随机生成红包金额数量代码分享
Aug 27 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
Node.js调试技术总结分享
Mar 12 Javascript
微信小程序自动客服功能
Nov 02 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
JS和Canvas实现图片的预览压缩和上传功能
Mar 30 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
Aug 07 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在页面中调用fckeditor编辑器的方法
2011/06/10 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
使用JavaScript为Kindeditor自定义按钮增加Audio标签
2016/03/18 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
JS获取和修改元素样式的实例代码
2016/08/06 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
2017/03/27 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
Python编程实现蚁群算法详解
2017/11/13 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
python随机取list中的元素方法
2018/04/08 Python
python库matplotlib绘制坐标图
2019/10/18 Python
用python爬虫批量下载pdf的实现
2020/12/01 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
Booking.com西班牙:全球酒店预订
2018/03/30 全球购物
提高EJB性能都有哪些技巧
2012/03/25 面试题
Java程序开发中如何应用线程
2016/03/03 面试题
你在项目中用到了xml技术的哪些方面?如何实现的?
2014/01/26 面试题
四风问题对照检查材料
2014/09/22 职场文书
盗窃罪辩护词范文
2015/05/21 职场文书
让生命充满爱观后感
2015/06/08 职场文书
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android