angularJs $templateCache

　　模板加載后，AngularJS會將它默認緩存到 $templateCache 服務中。在實際生產中，可以提前將模板緩存到一個定義模板的JavaScript文件中，這樣就不需要通過XHR來加載模板了

　　$templateCache 服務允許 $http 服務緩存經過XHR的模板請求，這樣它們就只會被請求一次。當一個模板被取到了，它的內容就會存儲在 $templateCache 中，用模板路徑作鍵。例如，當獲取下面的實例指令時，它會請求 templateUrl 並且把模板的內容放在 $templateCache 中：

angular.module('myApp')
    .directive('notification', function($timeout) {
        return {
            restrict: 'A',
            scope: { ngModel: '=' },
            templateUrl: 'views/templates/notification.html',
}});

$templateCache 會 把 這 個 模 板 的 內 容 保 持 在 $templateCache('views/templates/notification.html') 中。如果已經預先在 $templateCache 中存放了測試所需的指令文件內容，就可以使用 $templateCache 來阻止在指令的單元測試中再產生請求。可以使用優秀的 karma-ng-html2js-preprocessor 包來把模板轉換成可在測試中使用的Angular模塊。

利用 $templateCache
　　在生產中部署應用時，我們都希望應用的加載盡可能快，以及盡可能做出響應。使用XHR加載模板可能會導致Web應用緩慢或者有卡頓的感覺。可以通過將模板包裝為JavaScript文件，然后連同應用程序的其他部分一起傳輸的方式偽造模板緩存加載，而不是通過XHR提取模板。關於如何有效地包裝模板的詳細信息，請參考 $templateCache 工具： grunt-angular-templates 。

　　默認情況下，Angular無法從本地 $tempalteCache 中找到模板時，會通過XHR提取模板。當XHR請求很慢，或者模板很大時，它可能會對應用的用戶體驗造成很大的負面影響。
　　你可以通過“偽造” $templateCache 已經被填充的方式來避免這一延遲，這樣Angular就不必從遠程加載模板。可以在JavaScript中手動實現這個技巧，就像這樣：

angular.module('myApp',[])
    .run(function($templateCache) {
        $templateCache.put('home.html', 'This is the home template');
});

　　現在，當Angular需要提取名為home.html的模板時，它會在 $templateCahce 中找到它，而無需從服務器提取。