本文介绍了AngularJs禁止模板缓存的方法,分享给大家,也给自己留个笔记,具有如下:
因为AngularJs的特性(或浏览器本身的缓存?),角默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的HTML模板,自己测试还好,但如果更新了服务器的模板内容,用户可不会每个都配合你去清除浏览器的缓存。故这还真是个大问题。
app.config(函数(routeProvider, locationProvider美元){
routeProvider美元
当('/Book/: bookId/ch’, {
templateUrl:“chapter.html”,
控制器:“ChapterController”
});
});之前
方法一:在模板文件路径后加时间戳(或其他随机数),强制AngularJs每次从服务器加载新的模板
app.config(函数(routeProvider, locationProvider美元){
routeProvider美元
当('/Book/: bookId/ch’, {
templateUrl:“章。html ' + ' & # 63;日期戳=' +(新日期()).getTime (),
控制器:“ChapterController”
});
});之前
不过这种方法太不美观了....
方法二:使用美元templateCache清除缓存
//禁止模板缓存
app.run(函数(rootScope, templateCache美元){
rootScope美元。美元($ routeChangeStart,函数(事件,接下来,当前){
如果(typeof(当前)!==ㄒ濉?{
美元templateCache.remove (current.templateUrl);
}
});
});之前
在配置路由地址后,即在应用程序。配置之后添加这段代码,可禁止AngularJs将templateUrl缓存起来。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
