$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を参照してください。

 Back to top

© 2017 Google
Licensed under the Creative Commons Attribution License 3.0.

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

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