当前位置:AngularJS API / ng / 服务(service) / $templateCache
$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')