ionic angular-ui 视图切换禁用缓存
文章参考
http://ngionic.com/2014/12/ionic-javascript-api-ion-nav-view%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%A7%86%E5%9B%BE/
通常情况下,视图都被缓存了能提升性能。当跳出视图时,他的元素被保留在Dom中,并且它的作用于也从 $watch 中移除。当我们跳到一个已经被缓存了的视图,视图会被激活,它的作用于被重新连接上,Dom中也保存了他的元素。这也允许保持以前的视图滚动位置。
问题:
page1从服务器获取用户的手机号码,进入page2修改用户的手机号码,回退到page1页面,显示用户手机号码是修改之前的?
原因:
是因为angular-ui缓存,回退到上一个页面的时候展现出来的是缓存之前的数据,导致显示的数据不准确。
解决办法:
禁用缓存
解决方法一:
$stateProvider.state('myState', { cache: false, url : '/myUrl', templateUrl : 'my-template.html' })
解决方法二:
angular.module("hkApp", ["ionic"]) .config(function ($stateProvider, $ionicConfigProvider) { //禁用所有缓存 $ionicConfigProvider.views.maxCache(0) });
解决办法三:
<ion-view cache-view="false" view-title="My Title!"> ... </ion-view>
相关推荐
jingtianyiyi 2014-10-13