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