ionic 界面数据缓存问题

Ionic列表详情缓存技巧

最新推荐文章于 2024-05-25 09:48:04 发布

转载最新推荐文章于 2024-05-25 09:48:04 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/happen-/p/5985434.html

文章标签：

#javascript #ViewUI

本文分享了在Ionic开发中解决列表到详情页再返回时出现的列表重新加载问题的方法。通过合理设置缓存，避免了用户体验上的不便，并提供三种缓存配置方式：全局配置、路由级别配置和界面级设置。

在ionic开发过程中列表到详情，在返回是可能存在，列表重新加载问题，不能回到用户上次点击的地方

在处理前期各种坑，把详情设置为弹出层，缓存数据等等，然而会出现各种问题，无意间发现一篇文章，一个属性解决了所有问题

链接为http://www.cnblogs.com/wangshengl/p/5639796.html

补充一下：

页面缓存设置方法有三种

1.全局配置

angular.module('app')
  .config(function($httpProvider, $ionicConfigProvider) {
    $ionicConfigProvider.views.maxCache(0);  
  });

这个主要用于设置缓存界面个数，0表示不缓存

2.路由级别配置

'use strict';
angular.module('app')
  .config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('guided', {
        cache: false,//不缓存
        url: '/guided',
        template: '<ion-nav-view></ion-nav-view>'
      })    
  });

3.界面级设置

<ion-view cache-view='true'>
    <ion-header-bar>
    
  </ion-header-bar>
  <ion-content>

  </ion-content>
</ion-view>

在这里需要有个主意的地方，在添加文章所述内容是需要确认ui-route的本级路由以及所有父级路由的cache必须设置为true或者不设置

转载于:https://www.cnblogs.com/happen-/p/5985434.html