AngularJs 禁止模板緩存的方法
更新時間：2017年11月28日 11:20:34 作者：君醉酒
本篇文章主要介紹了AngularJs 禁止模板緩存的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本文介紹了AngularJs 禁止模板緩存的方法，分享給大家，也給自己留個筆記，具有如下：
因為AngularJs的特性（or 瀏覽器本身的緩存？），angular默認(rèn)的HTML模板加載都會被緩存起來。導(dǎo)致每次修改完模板之后都得經(jīng)常需要清除瀏覽器的緩存來保證瀏覽器去獲得最新的html模板，自己測試還好，但如果更新了服務(wù)器的模板內(nèi)容，用戶可不會每個都配合你去清除瀏覽器的緩存。故這還真是個大問題。
app.config(function($routeProvider, $locationProvider) {
$routeProvider
.when('/Book/:bookId/ch/', {
templateUrl: 'chapter.html',
controller: 'ChapterController'
});
});
方法一：在模板文件路徑后加時間戳（or 其他隨機數(shù)），強制AngularJs每次從服務(wù)器加載新的模板
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緩存起來。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
很多同學(xué)知道怎么用這種匿名函數(shù)，卻或許并不明白為什么這樣寫就能夠調(diào)用匿名函數(shù)。也許知道后面的圓括號是執(zhí)行前面的函數(shù)，而并不清楚前面的圓括號具有何種含義！本文將帶你了解匿名函數(shù)的代碼模式原理。2010-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商品分類列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
瀏覽器目前來說是沒有抗鋸齒效果的(將來不一定哦)，這樣dom元素外觀的改變就被限制在1個像素為最佳效果。2009-09-09
JS中的常見數(shù)組遍歷案例詳解(forEach,?map,?filter,?sort,?reduce,?ever
這篇文章主要介紹了JS中的常見數(shù)組遍歷方法詳解(forEach,?map,?filter,?sort,?reduce,?every),本篇講用實際案例詳解他們的語法和用法，需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細(xì)介紹了如何簡單便捷的實現(xiàn)js間歇或無縫滾動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要為大家介紹了微信小程序登錄會話密鑰session失效解決方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-04-04
javascript 關(guān)于賦值、淺拷貝、深拷貝的個人理解
關(guān)于賦值、淺拷貝、深拷貝，以前也思考良久，很多時候都以為記住了，但是，我太難了。今天我特地寫下筆記，希望可以完全掌握這個東西，也希望可以幫助到任何想對學(xué)習(xí)這個東西的同學(xué)2019-11-11
我們在web項目開發(fā)中，經(jīng)常會遇到各種跨域的問題，本文帶你解決web開發(fā)中多種跨域原因的解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)日歷打卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
本文主要介紹了uniapp實現(xiàn)附近商家定位的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08