`
liang100100
  • 浏览: 37396 次
  • 性别: Icon_minigender_2
  • 来自: 苏州
文章分类
社区版块
存档分类
最新评论

ionic中返回刷新问题

 
阅读更多
最近做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()方法。
分享到:
评论

相关推荐

    angular+ionic返回上一页并刷新页面

    Angular+Ionic返回上一页并刷新页面 Angular和Ionic是当前流行的前端框架,它们都提供了丰富的功能和插件来帮助开发者快速构建应用程序。然而,在实际开发过程中,开发者经常会遇到一些棘手的问题,例如如何返回上...

    基于ionic实现下拉刷新功能

    在本文中,我们将深入探讨如何基于Ionic框架实现下拉刷新功能。Ionic是一个强大的移动应用开发框架,它基于AngularJS,并且提供了丰富的UI组件,使得构建跨平台的原生感观移动应用变得更加简单。下拉刷新功能是移动...

    Ionic3项目总结

    "Ionic3项目总结" Ionic3项目是一种使用Angular2框架和Ionic框架开发的移动应用程序。 Ionic3项目开发需要注意一些问题和解决方法,...这些知识点都是Ionic3项目开发中需要注意的问题和解决方法,希望对您有所帮助。

    ionic2.0双击返回键退出应用

    想要在浏览器中预览应用,需要运行`ionic serve`命令,而不是像1.0那样简单地刷新页面。这是因为Ionic 2.0使用了一个实时构建系统,需要服务器支持来实时更新代码。 3. **双击返回键退出**: 要实现双击退出功能...

    Ionic实现页面下拉刷新(ion-refresher)功能代码

    本文将详细讲解如何在Ionic应用中使用`ion-refresher`实现页面下拉刷新。 首先,我们需要在HTML模板中引入`ion-refresher`组件。`ion-refresher`通常放置在`<ion-content>`标签内,用于监听用户下拉手势。在模板中...

    ionic-lab-issues:离子实验室项目要跟踪的问题

    10. **API接口问题**:如果Ionic Lab提供了自定义API接口,开发者可能会在使用过程中发现API调用失败、返回数据不正确等问题。 通过"ionic-lab-issues-master"这个压缩包文件,我们可以期待找到上述问题的详细描述...

    angular+ionic 的app上拉加载更新数据实现方法

    在移动应用开发中,Angular和Ionic框架的组合提供了强大的工具来构建高性能、跨平台的应用程序。本文将深入探讨如何在Angular和Ionic应用中实现上拉加载更多数据的功能,这对于处理大量动态数据流的应用来说非常实用...

    移动端下拉刷新和上拉加载更多原生插件

    在移动端应用开发中,下拉刷新(Pull-to-Refresh)和上拉加载更多(Infinite Scroll)是常见的交互设计,用于提升用户体验,特别是在处理大量数据流或者动态更新内容的场景。这两个功能通常由原生插件来实现,以保证...

    ionic-auth-app:App base con 身份验证令牌

    本篇文章将深入探讨如何在 Ionic 应用中实现基于令牌的身份验证,并结合实际项目“ionic-auth-app”来讲解这一过程。 首先,我们需要了解什么是身份验证令牌。身份验证令牌,通常指的是JSON Web Tokens (JWT),是一...

    angular 默认排序问题

    Ionic是一个基于AngularJS构建移动应用的框架,它提供了许多UI组件和工具,如侧滑菜单、下拉刷新等,同时也扩展了AngularJS的一些功能,但与本问题(AngularJS默认排序)直接关联不大。在使用Ionic开发时,你同样...

    ajax异步请求数据分页

    在网页开发中,数据分页是一种常见的功能,用于在大量数据中进行有效的浏览。...在实际开发中,还需要考虑错误处理、优化性能(例如使用缓存、懒加载等策略)等问题,以提供更稳定、高效的用户体验。

    XmlHttpRequest详解

    XmlHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换。这个技术是实现AJAX(Asynchronous JavaScript and XML)的基础,但即使在XML不再流行,XHR...

    Angular懒加载机制刷新后无法回退的快速解决方法

    今天在项目中遇到一个很奇怪的问题,使用oclazyload懒加载angular的模块,刷新页面后,单击回退按钮无法返回上一个页面.估计是使用懒加载机制销毁了angular内部的state关联,导致无法回到上一个state(单击回退按钮 ui-...

    angularjs实现上拉加载和下拉刷新数据功能

    在服务器返回的数据中,通常会包含一些用于分页的元数据,如`rowsOfPage`(每页行数)、`currentPage`(当前页数)、`totalPages`(总页数)、`totalRows`(总行数)等。在下拉刷新时,我们需要将请求参数设置为`...

    leaflet-refresh-issues

    这是为了演示关于phonegap / ionic类型系统的leafletjs中的错误。 映射工作正常,直到一个切换到另一种状态,然后打开一个模态然后将其关闭并返回到映射状态。 地图有些失真。 如果我改变方向(风景/人像)。 一切...

    scanbot-test-ionic-capacitor:ScanBot提供的简单编码测试项目,可使用多部分投稿请求检查图像上传

    主屏幕必须具有简单的网格视图,该视图显示从服务器返回的图像的缩略图。 图像必须按时间顺序排列。 添加重新加载图像的功能,例如,简单的“重新加载”按钮或通过“拉动刷新”手势。 通过点击缩略图,应打开一个...

    ionicWeather

    6. **UI 设计**:Ionic 提供了一系列与 iOS 和 Android 原生控件相似的组件,如侧滑菜单、下拉刷新、卡片视图等。这些组件可以方便地通过 AngularJS 的指令添加到 HTML 模板中。 7. **Cordova 插件**:在某些情况下...

    kfhlxp.zip_Perl

    在网络请求中,这种类经常用来解析服务器返回的数据,便于业务逻辑处理。 5. `ListPresent.java`:这个可能是另一个Presenter类,专门处理与列表相关的逻辑,如加载、刷新和交互事件处理。 结合Perl标签,虽然没有...

    mojio-js-cordova-example-oauth2

    【标题】"mojio-js-cordova-example-oauth2"是一个示例项目,演示了如何在基于Cordova和Ionic框架的移动应用中实现OAuth 2.0授权协议。OAuth 2.0是一种广泛用于安全授权的标准,允许第三方应用在用户许可的情况下...

Global site tag (gtag.js) - Google Analytics