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

Обзор

$templateCache это объект кэша, созданный $cacheFactory.

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

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

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

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

Добавление через $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')