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/);
});