$templateCache

最初にテンプレートを使用する際に、すぐ取得するためにテンプレートキャッシュから読み込みを行います。 scriptタグ内のキャッシュ、または$templateCacheサービスを消費して直接テンプレートを読み込むことが可能です。

scriptタグを介して追加する場合

<html ng-app>
<head>
<script type="text/ng-template" id="templateId.html">
  テンプレートの内容
</script>
</head>
  ...
</html>

注意: テンプレートを含むscriptタグは、headドキュメン内に含まれる必要はありませんが、 ng-appの定義より下に配置しなければいけません。

$templateCacheサービスを介して追加する場合

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('templateId.html', 'テンプレートの内容');
});

この後、テンプレートを取得するには、単純に下記のようにHTML内に指定します。

<div ng-include=" 'templateId.html' "></div>

または、JavaScriptで下記のように指定します。

$templateCache.get('templateId.html')

詳細は、$cacheFactoryを参照してください。

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