加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

ionic angular-ui 视图切换禁用缓存

发布时间:2020-12-17 09:58:54 所属栏目:安全 来源:网络整理
导读:文章参考 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 中移除。当我们跳到一个

文章参考

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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读