angular $ templatecacheとは何ですか？アプリケーションでテンプレートを変更すると、毎回ハードリフレッシュを防ぐためにアプリケーションでどのように使用できますか？

Question

角度$template-cacheとは何ですか？アプリケーションでテンプレートを変更するたびに、ハードリフレッシュを防ぐためにアプリケーションでどのように使用できますか？ 例を教えてください。

Answer 1

$templateCacheサービスはテンプレート（HTML文字列）を格納するために使用されます。 templateUrlというディレクティブを書くか、ngIncludeディレクティブを使用すると、angularはパスをテンプレートに解決し、ネットワーク要求を実行時に送信して取得します。テンプレートが到着すると、それはpathをキーとして$templateCacheに入れられます。この同じテンプレートが次回の指示で要求されると、ネットワーク要求は行われず、テンプレート文字列は$templateCacheから取得されます。

角度アプリの起動時にこの$templateCacheを使用してテンプレートを配置すると、ネットワークリクエストを保存して読み込み時間を短縮できます。たとえば、次のようになります。

var myApp = angular.module('myApp', []); 
myApp.run(function($templateCache) { 
    $templateCache.put('templateId.html', 'This is the content of the template'); 
}); 

自動的に行うためのタスクがあります。たとえば、gruntの場合はgrunt-angular-templatesとなります。