AngularJS: API: ng/service/$templateCache


$templateCache

  1. - service in module ng

The first time a template is used, it is loaded in the template cache for quick retrieval. You can load templates directly into the cache in a script tag, or by consuming the $templateCache service directly.

Adding via the script tag:

  <script type="text/ng-template" id="templateId.html">
    <p>This is the content of the template</p>
  </script>

Note: the script tag containing the template does not need to be included in the head of the document, but it must be below the ng-app definition.

Adding via the $templateCache service:

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('templateId.html', 'This is the content of the template');
});

To retrieve the template later, simply use it in your HTML:

<div ng-include=" 'templateId.html' "></div>

or get it via Javascript:

$templateCache.get('templateId.html')

See $cacheFactory.