快捷導(dǎo)航

AngularJs 禁止模板緩存的方法

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

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

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

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

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' 
 }); 
});

不過(guò)這種方法太不美觀了。。。。

方法二：使用$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緩存起來(lái)。

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

您可能感興趣的文章:

相關(guān)文章

Javascript 匿名函數(shù)及其代碼模式原理
很多同學(xué)知道怎么用這種匿名函數(shù)，卻或許并不明白為什么這樣寫(xiě)就能夠調(diào)用匿名函數(shù)。也許知道后面的圓括號(hào)是執(zhí)行前面的函數(shù)，而并不清楚前面的圓括號(hào)具有何種含義！本文將帶你了解匿名函數(shù)的代碼模式原理。
2010-03-03
微信小程序?qū)崿F(xiàn)商品分類列表
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)商品分類列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
javascript 流暢動(dòng)畫(huà)實(shí)現(xiàn)原理
瀏覽器目前來(lái)說(shuō)是沒(méi)有抗鋸齒效果的(將來(lái)不一定哦)，這樣dom元素外觀的改變就被限制在1個(gè)像素為最佳效果。
2009-09-09
JS中的常見(jiàn)數(shù)組遍歷案例詳解(forEach,?map,?filter,?sort,?reduce,?ever
這篇文章主要介紹了JS中的常見(jiàn)數(shù)組遍歷方法詳解(forEach,?map,?filter,?sort,?reduce,?every),本篇講用實(shí)際案例詳解他們的語(yǔ)法和用法，需要的朋友可以參考下
2023-05-05
簡(jiǎn)單實(shí)現(xiàn)js間歇或無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單便捷的實(shí)現(xiàn)js間歇或無(wú)縫滾動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06
微信小程序登錄會(huì)話密鑰session失效解決方案
這篇文章主要為大家介紹了微信小程序登錄會(huì)話密鑰session失效解決方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-04-04
javascript 關(guān)于賦值、淺拷貝、深拷貝的個(gè)人理解
關(guān)于賦值、淺拷貝、深拷貝，以前也思考良久，很多時(shí)候都以為記住了，但是，我太難了。今天我特地寫(xiě)下筆記，希望可以完全掌握這個(gè)東西，也希望可以幫助到任何想對(duì)學(xué)習(xí)這個(gè)東西的同學(xué)
2019-11-11
web開(kāi)發(fā)跨域原因的多種解決方案
我們?cè)趙eb項(xiàng)目開(kāi)發(fā)中，經(jīng)常會(huì)遇到各種跨域的問(wèn)題，本文帶你解決web開(kāi)發(fā)中多種跨域原因的解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助
2021-09-09
小程序?qū)崿F(xiàn)日歷打卡功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)日歷打卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
uniapp實(shí)現(xiàn)附近商家定位的示例代碼
本文主要介紹了uniapp實(shí)現(xiàn)附近商家定位的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08