ionic 界面数据缓存问题

Posted 2020-08-15 happenzh

在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或者不设置