`
是我不够爱
  • 浏览: 12030 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

ionic保存数据后,后退到列表页并刷新列表

阅读更多

环境ionic版本1.1.1,列表页使用了ion-infinite-scroll 上拉刷新分页显示数据,数据添加页是一个新页面,不是由modal弹出的,而是存在于路由上的。

 

尽管路由上可以设置cache:false来告诉ionic不缓存页面,但是感觉这种逻辑不符合常理,如果用户对数据无修改后退之后页刷新列表的话,请求后台请求太频繁了,所以需要有一种在用户修改数据后后退才会刷新列表页的方式。

 

var backview = $ionicHistory.backView();
var histories = $ionicHistory.viewHistory().views;
$ionicHistory.currentView(histories[backview.backViewId]);
//清空当前页的上一页的缓存
$ionicHistory.clearCache([backview.stateId]).then(function(){
    //重定向url到上一页的url路径
    $location.path(decodeURI(backview.url));
});

 

 

转载请注明地址:http://346454763.iteye.com/blog/2296407

分享到:
评论

相关推荐

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

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

    ionic 城市列表

    总的来说,“Ionic城市列表”项目是一个结合了Ionic框架、AngularJS和城市数据管理的示例,展示了如何在移动应用中实现高效、友好的城市选择和搜索功能。通过学习和实践,开发者可以深入理解 Ionic 的核心概念和实践...

    ionic 上拉加载和下拉刷新demo

    - 完成刷新后,需要调用 `refresher.complete()` 来结束刷新状态并释放视觉效果。 4. **配置和样式** - 可以通过 `pullMin` 和 `pullMax` 属性来控制下拉刷新的触发距离,以及 `threshold` 属性来调整上拉加载的...

    ionic 下拉刷新

    在上述代码中,我们模拟了2秒的数据加载过程,然后通过调用`event.target.complete()`来通知Ionic刷新操作已经结束,这样刷新指示器就会消失。 至于SVG动画,虽然在提供的标签和文件名中没有明确提到SVG,但在实际...

    ionic 城市列表 citylist

    这个列表具备快速定位功能,用户可以通过字母A到Z对城市进行筛选和查找,提高了用户体验,是开发者在构建 Ionic 应用时可能需要的一个参考案例或组件。 ** Ionic 框架简介** Ionic 是一款开源的、基于 HTML5 的...

    ionic4和ionic5创建login跳转到tabs

    在网上找了很长时间,但找到的ionic登陆页login跳转到tabs的方法在ionic4上基本都无效,后来终于找到了解决这个问题的办法,简单易行,前两天发表了一篇ionic4和ionic5创建login登陆页跳转到tabs方法的博客,现在写...

    ionic 导出excel实现方案

    在移动应用开发中,使用Ionic框架构建的项目可能需要与数据交互,包括导入和导出数据。本篇文章将深入探讨如何在Ionic应用中实现Excel文件的导出功能,特别是使用xlsx库来创建和导出Excel表格。这个实现方案是基于...

    ionic实战-文章列表

    在本文中,我们将深入探讨基于 Ionic 框架构建的实际应用——一个文章列表项目。Ionic 是一个开源的、基于 Angular 的移动应用开发框架,它允许开发者使用 Web 技术(如 HTML、CSS 和 JavaScript)来构建高质量的跨...

    ionic实现下拉刷新载入数据功能

    在移动应用开发中,`Ionic`框架提供了一个强大的特性,即下拉刷新(`Pull-to-Refresh`)和上拉加载更多(`Infinite Scroll`),这些功能可以让用户在浏览内容时更加流畅地获取新数据。本文将深入讲解如何在`Ionic`项目中...

    ionic 案例源码 Mallzee

    - **组件化**:Ionic倡导组件化开发,如商品列表页、商品详情页、购物车等,都是独立可复用的组件。 - **状态管理**:可能使用Angular的依赖注入或Redux进行状态管理,确保数据在整个应用中的一致性。 3. **Ionic...

    Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面示例代码.zip

    在本文中,我们将深入探讨如何使用Ionic框架创建页面、实现页面间的跳转,以及如何在页面上添加返回按钮和创建底部导航栏。Ionic是一个流行的开源框架,它基于Angular,用于构建跨平台的移动应用和 Progressive Web ...

    ionic通讯录联系人城市列表首字母索引排序滑动支持拼音

    在本文中,我们将深入探讨如何使用Ionic框架来创建一个通讯录联系人城市列表,该列表具有首字母索引排序和拼音支持的滑动功能。这是一个常见的需求,特别是在开发移动应用时,用户通常期望能够快速浏览并查找特定...

    使用Ionic2制作移动应用

    - **数据持久化**:使用LocalStorage保存列表项。 ##### 项目:Giflist - **简介**:展示热门GIF图片的应用。 - **数据获取**:从外部API(如Reddit)获取数据。 - **视频播放**:使用HTML5 Video播放GIF。 - **...

    ionic2 new demo

    然后,通过`ionic start`命令创建一个新的项目,选择`blank`模板,并按照项目描述,将这个示例代码导入到你的工作环境中。 2. **页面结构**:`Ionic2`应用由多个页面(Page)组成,每个页面都包含一个组件。在本...

    ionic使用sqlite存储数据

    在Ionic 1项目中,SQLite 是实现离线数据存储的理想选择,特别是在需要对数据进行保存、删除、修改和查询等操作时。 ### SQLite 与 Ionic 结合 1. **安装插件**: 在使用SQLite之前,需要安装对应的Cordova插件。...

    ionic购物商城demo源码

    7. **部署与发布**:完成开发后,应用需要打包并发布到App Store或Google Play。通过Cordova或Capacitor,我们可以将Web应用转换为原生应用,进行平台特定的配置和发布。 总的来说,"ionic购物商城demo源码"为...

    ionic开源项目教程

    总结来说,"Ionic开源项目教程"涵盖了从搭建开发环境、创建项目、使用组件、获取和展示数据、优化性能到打包发布等多个环节。通过这个教程,你将具备开发新闻阅读应用的能力,并能进一步探索Ionic和Angular在移动...

    IonicLab 安装包 ionic开发工具

    Ionic提供了丰富的UI组件,如导航栏、列表、表单等,使开发者能快速构建美观且功能丰富的应用。同时,结合Angular框架,可以实现更复杂的业务逻辑和数据绑定。 总的来说,IonicLab作为Ionic开发的利器,简化了混合...

Global site tag (gtag.js) - Google Analytics