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

Обзор

$templateCache это объект кэша Cache object, созданный с помощью $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')