AngularJs 禁止模板緩存的方法
更新時間：2017年11月28日 11:20:34 作者：君醉酒
本篇文章主要介紹了AngularJs 禁止模板緩存的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本文介紹了AngularJs 禁止模板緩存的方法，分享給大家，也給自己留個筆記，具有如下：
因為AngularJs的特性（or 瀏覽器本身的緩存？），angular默認的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)文章
通過JAVASCRIPT讀取ASP設(shè)定的COOKIE
通過JAVASCRIPT讀取ASP設(shè)定的COOKIE...2006-11-11
這篇文章主要為大家詳細介紹了javascript創(chuàng)建對象的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了javascript閉包，閉包（closure）是Javascript語言的一個難點，也是它的特色，很多高級應(yīng)用都要依靠閉包實現(xiàn)，感興趣的小伙伴們可以參考一下2016-01-01
使用JS打開圖片另存為對話框一直都是網(wǎng)頁應(yīng)用中不可缺少的一部分，本人有些好奇，于是搜集整理了一些實現(xiàn)代碼，不知道符不符合大眾的口味，在此班門弄斧了，需要的朋友可以了解下2012-12-12
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)tab頁面切換功能,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
JavaScript執(zhí)行環(huán)境及作用域鏈實例分析
這篇文章主要介紹了JavaScript執(zhí)行環(huán)境及作用域鏈,結(jié)合實例形式分析了JavaScript執(zhí)行環(huán)境及作用域鏈的相關(guān)概念、功能與使用技巧,需要的朋友可以參考下2018-08-08
本文介紹了對javascript數(shù)據(jù)類型；隱式轉(zhuǎn)換 （+ 和 -，== 和 ===）；包裝對象等相關(guān)知識進行詳細介紹，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JS button按鈕實現(xiàn)submit按鈕提交效果
今天在使用表單是同時使用POST更新、刪除操作。然而form表單的 submit 且一旦提交則全部提交，所以想到的實現(xiàn)方法就是 使用button實現(xiàn),怎么實現(xiàn)呢？下面小編給大家分享JS button按鈕實現(xiàn)submit按鈕提交效果，感興趣的朋友參考下吧2016-11-11
下面小編就為大家?guī)硪黄狫S產(chǎn)生隨機數(shù)的幾個用法詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JS實現(xiàn)iframe編輯器光標(biāo)位置插入內(nèi)容的方法(兼容IE和Firefox)
這篇文章主要介紹了JS實現(xiàn)iframe編輯器光標(biāo)位置插入內(nèi)容的方法,可實現(xiàn)文本與圖片的插入功能,并兼容IE和Firefox瀏覽器,需要的朋友可以參考下2016-06-06