在 Angular 的项目中,发现了和上一篇Vue中一样的浏览器页面缓存问题,测试发现从一个列表页面跳转到具体的详情页面时,只有第一次是成功跳转,之后的跳转都是走了浏览器缓存,具体查看文档的解决方法;
Angular页面跳转数据缓存问题
发现问题
在Angular的项目中,测试当从一个列表页面跳转到具体详情时,发现只有第一次点击能够有效跳转到新闻详情页面;若回退到列表页面后,再次点击,则会进入浏览器缓存的数据,因为控制台查看进入新闻详情页面不会发出新的请求;然后也增加了Angular的生命周期函数查看了路由传递的参数是否正确传递,发现路由参数是正确的传递到了详情页面中;解决问题的方法
分析得知这是一个关于浏览器页面数据缓存的问题,因而只要清除详情页面在页面中的缓存即可,通过分析 Angular 的项目中的页面 js 文件,增加一个 cache属性即可:
1 | function ($stateProvider) { |