快捷導(dǎo)航

AngularJs 禁止模板緩存的方法

更新時(shí)間：2017年11月28日 11:20:34 作者：君醉酒

本篇文章主要介紹了AngularJs 禁止模板緩存的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

本文介紹了AngularJs 禁止模板緩存的方法，分享給大家，也給自己留個(gè)筆記，具有如下：

因?yàn)锳ngularJs的特性（or 瀏覽器本身的緩存？），angular默認(rèn)的HTML模板加載都會(huì)被緩存起來。導(dǎo)致每次修改完模板之后都得經(jīng)常需要清除瀏覽器的緩存來保證瀏覽器去獲得最新的html模板，自己測(cè)試還好，但如果更新了服務(wù)器的模板內(nèi)容，用戶可不會(huì)每個(gè)都配合你去清除瀏覽器的緩存。故這還真是個(gè)大問題。

app.config(function($routeProvider, $locationProvider) { 
 $routeProvider 
  .when('/Book/:bookId/ch/', { 
  templateUrl: 'chapter.html', 
  controller: 'ChapterController' 
 }); 
});

方法一：在模板文件路徑后加時(shí)間戳（or 其他隨機(jī)數(shù)），強(qiáng)制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緩存起來。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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