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

創(chuàng)新互聯(lián)公司是專業(yè)的南州晴隆網(wǎng)站建設(shè)公司，南州晴隆接單;提供網(wǎng)站設(shè)計、網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行南州晴隆網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

因為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í)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。