Improve this Doc  View Source

script

  1. - directive in module ng

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.

Directive Info

  • This directive executes at priority level 0.

Usage

  • as element:
    <script
      type="string"
      id="string">
    ...
    </script>

Arguments

Param Type Details
type string

Must be set to 'text/ng-template'.

id string

Cache name of the template.

Example

<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>