AngularJs 禁止模板缓存的方法
更新时间：2017年11月28日 11:20:34 作者：君醉酒
本篇文章主要介绍了AngularJs 禁止模板缓存的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍了AngularJs 禁止模板缓存的方法，分享给大家，也给自己留个笔记，具有如下：
因为AngularJs的特性（or 浏览器本身的缓存？），angular默认的HTML模板加载都会被缓存起来。导致每次修改完模板之后都得经常需要清除浏览器的缓存来保证浏览器去获得最新的html模板，自己测试还好，但如果更新了服务器的模板内容，用户可不会每个都配合你去清除浏览器的缓存。故这还真是个大问题。
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/Book/:bookId/ch/', {
templateUrl: 'chapter.html',
controller: 'ChapterController'
});
});
方法一：在模板文件路径后加时间戳（or 其他随机数），强制AngularJs每次从服务器加载新的模板
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/Book/:bookId/ch/', {
templateUrl: 'chapter.html' + '?datestamp=' + (new Date()).getTime(),
controller: 'ChapterController'
});
});
不过这种方法太不美观了。。。。
方法二：使用$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缓存起来。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
JS中type="button"和type="submit"的区别
Submit是专门用于提交表单的Button，与Button的区别主要有两点：type=button 就单纯是按钮功能，type=submit 是发送表单 。下面通过本文给大家分享JS中type="button"和type="submit"的区别，感兴趣的的朋友一起看看吧2017-07-07
这篇文章主要介绍了JS动画效果打开、关闭层的实现方法,可实现js控制层从中心位置打开与关闭的功能,涉及javascript操作页面元素的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要为大家详细介绍了js钢琴按钮波浪式图片排列效果，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
这篇文章主要介绍了JavaScript中return用法,结合实例形式简单分析了javascript中return语句的功能与使用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了javascript防篡改对象,结合实例形式分析了防篡改对象的三个级别与具体使用技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了微信小程序实现的一键复制功能,结合实例形式分析了微信小程序wx.setClipboardData接口实现操作粘贴板进行复制操作的相关使用技巧,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了JavaScript数据结构与算法，文章围绕主题展开数据结构与算法的概念，以及几种常见的数据结构是什么，有什么优点和缺，具有一定的参考价值，需要的小伙伴可以参考一下2022-07-07
这篇文章主要介绍了javascript异步编程的六种方式总结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
这篇文章主要介绍了JavaScript操作XML文件之XML读取方法,涉及javascript操作XML文件的相关技巧,需要的朋友可以参考下2015-06-06
最新评论