script

http://docs.angularjs.org/api/ng.directive:script

概要
使用方法
サンプル

概要

typeがtext/ng-templateのscriptタグを$templateCacheに読み込むことによって、このテンプレートが、ngInclude、ngView、またはディレクティブのテンプレートとして使用することが可能になります。

使用方法

このディレクティブは、カスタム要素として使用することができますが、IEの制限に注意してください。

<script type="text/ng-template">
</script>

引数

引数	説明
type	型：`'text/ng-template'` 必ず、'text/ng-template'を設定しなければいけません。

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
  </head>
  <body>
    <script type="text/ng-template" id="/tpl.html">
      Content of the template.
  </body>
</html>

it('should load template defined inside script tag', function() {
  element('#tpl-link').click();
  expect(element('#tpl-content').text()).toMatch(/Content of the template/);
});

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
  </head>
  <body>
    <script type="text/ng-template" id="/tpl.html">
      Content of the template.
  </body>
</html>

このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
"訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。