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缓存起来。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
很多同学知道怎么用这种匿名函数，却或许并不明白为什么这样写就能够调用匿名函数。也许知道后面的圆括号是执行前面的函数，而并不清楚前面的圆括号具有何种含义！本文将带你了解匿名函数的代码模式原理。2010-03-03
这篇文章主要为大家详细介绍了微信小程序实现商品分类列表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
浏览器目前来说是没有抗锯齿效果的(将来不一定哦)，这样dom元素外观的改变就被限制在1个像素为最佳效果。2009-09-09
JS中的常见数组遍历案例详解(forEach, map, filter, sort, reduce, ever
这篇文章主要介绍了JS中的常见数组遍历方法详解(forEach, map, filter, sort, reduce, every),本篇讲用实际案例详解他们的语法和用法，需要的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了如何简单便捷的实现js间歇或无缝滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
这篇文章主要为大家介绍了微信小程序登录会话密钥session失效解决方案，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
关于赋值、浅拷贝、深拷贝，以前也思考良久，很多时候都以为记住了，但是，我太难了。今天我特地写下笔记，希望可以完全掌握这个东西，也希望可以帮助到任何想对学习这个东西的同学2019-11-11
我们在web项目开发中，经常会遇到各种跨域的问题，本文带你解决web开发中多种跨域原因的解决，有需要的朋友可以借鉴参考下，希望能够有所帮助2021-09-09
这篇文章主要为大家详细介绍了小程序实现日历打卡功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
本文主要介绍了uniapp实现附近商家定位的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
最新评论