Улучшить эту документацию Просмотреть исходный код $templateCache

В первый раз, когда используется шаблон, он загружается в кэш шаблонов для быстрого извлечения. Вы можете загрузить шаблоны непосредственно в кэш в теге script, или, используя сервис $templateCache напрямую.

Добавление через тег script:

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

Примечание: тег script, содержащий шаблон, не обязательно должен быть включён в head документа, но он должен быть потомком $rootElement (т.е., элемента с атрибутом ng-app), в противном случае шаблон будет проигнорирован.

Добавление через сервис $templateCache:

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

Чтобы позже получить шаблон, просто используйте его в вашем HTML:

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

или получите его через Javascript:

$templateCache.get('templateId.html')

См. $cacheFactory.