Front-end Dev Engineer

0%

Angular页面跳转数据缓存问题

在 Angular 的项目中,发现了和上一篇Vue中一样的浏览器页面缓存问题,测试发现从一个列表页面跳转到具体的详情页面时,只有第一次是成功跳转,之后的跳转都是走了浏览器缓存,具体查看文档的解决方法;

Angular页面跳转数据缓存问题

  1. 发现问题
    在Angular的项目中,测试当从一个列表页面跳转到具体详情时,发现只有第一次点击能够有效跳转到新闻详情页面;若回退到列表页面后,再次点击,则会进入浏览器缓存的数据,因为控制台查看进入新闻详情页面不会发出新的请求;然后也增加了Angular的生命周期函数查看了路由传递的参数是否正确传递,发现路由参数是正确的传递到了详情页面中;

  2. 解决问题的方法
    分析得知这是一个关于浏览器页面数据缓存的问题,因而只要清除详情页面在页面中的缓存即可,通过分析 Angular 的项目中的页面 js 文件,增加一个 cache属性即可:

1
2
3
4
5
6
7
8
function ($stateProvider) {
$stateProvider.state('index.NewsList', {
url: '/NewsList',
cache: true,
views: {...},
params: {...}
});
}
-------------    本文结束  感谢您的阅读    -------------

赞赏一下吧~ 还可以关注公众号订阅最新内容