Using $templateCache for quickly retrieval from the cache after first time used.
$templateCache mainly can use two methods:
angular.module(‘app‘, []) .directive(‘myButton‘, function () { return { templateUrl: ‘timestamp‘ } }) .run(function ($templateCache) { $templateCache.put(‘timestamp‘, ‘<button>‘ + Date.now() + ‘</button>‘); });
or you can but your template in the <script> tag, then use templateCache.get() method:
<script type="text/ng-template" id="templateId.html"> <button>Date.now()</button> </script>
angular.module(‘app‘, []) .directive(‘myButton‘, function ($templateCache) { return { templateUrl: $templateCache.get(‘templateId.html‘) } })
[AngularJS] Taking control of your templates using $templateCache
原文：http://www.cnblogs.com/Answer1215/p/4320658.html