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 相关文章推荐
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
Jan 12 Javascript
动态加载jquery库的方法
Feb 12 Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
基于Jquery easyui 选中特定的tab
Nov 17 Javascript
vue单页应用在页面刷新时保留状态数据的方法
Sep 21 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
Vuex的实战使用详解
Oct 31 Javascript
vue中get请求如何传递数组参数的方法示例
Nov 08 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 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中strlen和mb_strlen函数的区别
2014/03/07 PHP
ThinkPHP空模块和空操作详解
2014/06/30 PHP
PHP魔术方法__GET、__SET使用实例
2014/11/25 PHP
PHP错误处理函数
2016/04/03 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
js获取当前地址 JS获取当前URL的示例代码
2014/02/26 Javascript
使用js检测浏览器是否支持html5中的video标签的方法
2014/03/12 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
jquery.validate使用详解
2016/06/02 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
2017/09/21 jQuery
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
详解python中递归函数
2019/04/16 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
英国最大的汽车配件在线商店:Euro Car Parts
2019/09/30 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
CNC数控操作工岗位职责
2013/11/19 职场文书
教师现实表现材料
2014/02/14 职场文书
2014年创卫实施方案
2014/02/18 职场文书
党员四风剖析材料
2014/08/27 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
纯html+css实现打字效果
2021/08/02 HTML / CSS