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