当前位置：AngularJS API / ng / 服务(service) / $templateCache

ng

AngularJS $templateCache

第一次使用模板，它被加载到模板缓存中，以便快速检索。你可以直接将模板标签加载到缓存中，或者通过$templateCache服务。

通过script标签：

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

备注：script标签模板不需要包含在文档头部。但他必须在$rootElement下，不然模板将会被忽略。

通过$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')