ionic中返回刷新问题

简介: 最近做ionic项目,发现自带的返回按钮返回回去不会刷新页面,会显示缓存的页面,我数字改变了也没办法 于是发现有个ionic中ionicView的生命周期onicView的生命周期的事件调用在每个ionicView的controller中使用$scope.$on('$ionicView.enter', function() {});调用。
最近做ionic项目,发现自带的返回按钮返回回去不会刷新页面,会显示缓存的页面,我数字改变了也没办法 于是发现有个ionic中ionicView的生命周期

onicView的生命周期的事件调用在每个ionicView的controller中使用$scope.$on('$ionicView.enter', function() {});调用。

1.$ ionicView.loaded    该观点已经加载。此事件仅一次按次被创建并添加到DOM发生。如果视图离开,但被缓存,那么这个事件将不会再在随后观看射击。
    加载的事件是好地方,把你的设置代码的视图; 然而,这是不推荐的事件收听时的图变得活跃。
    类似于Android的activity中的onCreate()方法。
2.$ ionicView.enter    该观点已经全面进入,现在是活动视图。此事件将触发,无论是第一次负荷或缓存的视图。
            类似于Android的activity中的onStart()方法。
3.$ ionicView.leave    该观点已经完成离开,不再是积极的看法。此事件将触发,无论是缓存或销毁。
            类似于Android的activity中的onStop()方法。
4.$ ionicView.beforeEnter    视图是即将进入并成为活动视图。
                类似于Android的activity中的onResume()方法。
5.$ ionicView.beforeLeave    视图是即将离开,不再是活动视图。
                类似于Android的activity中的onPause()方法。    
6.$ ionicView.afterEnter    该观点已经全面进入,现在是活动视图。
7.$ ionicView.afterLeave    该观点已经完成离开,不再是积极的看法。
8.$ ionicView.unloaded    该视图的控制器已经被破坏,它的元素已经从DOM中删除。
                类似于Android的activity中的onDestroy()方法。
目录
相关文章
|
2月前
ionic 4 点击按钮跳转页面传值并刷新
ionic 4 点击按钮跳转页面传值并刷新
31 2
|
2月前
|
缓存
ionic4 路由跳转刷新实战
ionic4 路由跳转刷新实战
26 0
|
JavaScript
使用angularjs、ionic框架如何实现返回上一页并刷新
普通的js返回并刷新这里就不多说了,百度就有很多方法。 下面说的是使用了angularjs、ionic开发的一个手机app中使用的一个返回上一页并刷新的方法。
1143 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1417 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1178 0
|
Web App开发
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计 这一讲主要包含一下几个部分: 1.个人中心ts具体代码展示; 2.个人中心html具体代码展示; 3.
1374 0
ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)
注意,干货来了,相比前面几讲这一讲就要难以消化多了,请做好心理准备。 因为在这之前,经常看到有群友在求这种分类菜单的组建,今天我就为大家再造一个轮子 [微笑脸]。
1096 0
|
Web App开发
ionic3项目实战教程 - 第8讲 ionic3商品详情页的实现
这一讲主要包含以下几个部分: 1.创建商品详情页 2.获取商品详情页的数据 3.展示商品详情页的数据 1.创建商品详情页 执行 ionic g page product-details 8-1.
1068 0
|
Web App开发
ionic3项目实战教程 - 第9讲 ionic3应用内主题浏览器ThemeableBrowser的使用
这一讲主要实现商品的"抢购"功能 1.安装ThemeableBrowser插件; 2.使用ThemeableBrowser插件; 1.安装插件 分别执行以下命令: ionic cordova plugin add cordova-plugin-t...
1452 0
ionic3项目实战教程 - 第7讲 ionic3商品列表页的实现
这一讲主要包含以下几个部分: 1.创建商品列表页 2.根据分类获取商品列表 2.展示商品列表 1.创建商品列表页 执行 ionic g page product-list 7-1.
876 0