View source Improve this doc

# `$templateCache`
service in module `ng`

## Description

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:

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

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`.