AngularJs 禁止模板缓存的方法

前端之家收集整理的这篇文章主要介绍了AngularJs 禁止模板缓存的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了AngularJs 禁止模板缓存的方法分享给大家,也给自己留个笔记,具有如下:

因为AngularJs的特性(or 浏览器本身的缓存?),angular默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的html模板,自己测试还好,但如果更新了服务器的模板内容用户可不会每个都配合你去清除浏览器的缓存。故这还真是个大问题。

方法一:在模板文件路径后加时间戳(or 其他随机数),强制AngularJs每次从服务器加载新的模板

不过这种方法太不美观了。。。。

方法二:使用$templateCache清除缓存

禁止模板缓存 app.run(function($rootScope,$templateCache) { $rootScope.$on('$routeChangeStart',function(event,next,current) { if (typeof(current) !== 'undefined'){ $templateCache.remove(current.templateUrl); } }); });

在配置 路由地址后,即在app.config之后添加这段代码,可禁止AngularJs将templateUrl缓存起来。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/34980.html

猜你在找的JavaScript相关文章