Улучшить эту документацию Просмотреть исходный код $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');
});

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

myApp.component('myComponent', {
   templateUrl: 'templateId.html'
});

или получите его через сервис $templateCache:

$templateCache.get('templateId.html')

См. $cacheFactory.