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 Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
JavaScript 继承详解(一)
Jul 13 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
JavaScript中的数学运算介绍
Dec 29 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
Oct 27 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
ThinkPHP之A方法实例讲解
2014/06/20 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
Gambit vs CL BO3 第三场 2.13
2021/03/10 DOTA
jQuery live
2009/05/15 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
计算新浪Weibo消息长度(还可以输入119字)
2013/07/02 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
Javascript复制实例详解
2016/01/28 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
jQuery Validate插件实现表单验证
2016/08/19 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
Python chardet库识别编码原理解析
2020/02/18 Python
python中rc1什么意思
2020/06/19 Python
css3实现波纹特效、H5实现动态波浪效果
2018/01/31 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
模具设计与制造专业应届生求职信
2013/10/18 职场文书
学生手册家长评语
2014/02/10 职场文书
金融事务专业毕业生求职信
2014/02/23 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
禁毒宣传标语
2014/06/19 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
白酒代理协议书范本
2014/10/26 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
2019员工保密协议书(3篇)
2019/09/23 职场文书