Load the content of a <script> element into $templateCache, so that the
template can be used by ngInclude,
ngView, or directives. The type of the
<script> element must be specified as text/ng-template, and a cache name for the template must be
assigned through the element's id, which can then be used as a directive's templateUrl.
<script
type=""
id="">
...
</script>
| Param | Type | Details |
|---|---|---|
| type | string |
Must be set to |
| id | string |
Cache name of the template. |
<script type="text/ng-template" id="/tpl.html">
Content of the template.
</script>
<a ng-click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>
<div id="tpl-content" ng-include src="currentTpl"></div>
it('should load template defined inside script tag', function() {
element(by.css('#tpl-link')).click();
expect(element(by.css('#tpl-content')).getText()).toMatch(/Content of the template/);
});