テンプレートのURLを使用してテンプレートにJSPをロードする

Question

モジュールの実行ブロックの$templateCacheにテンプレートをロードしようとしています。

angular.module('myapp').run(function($http, $templateCache, $timeout) { 
    var templateLocation = 'location/to/template.html'; 
    $http.get(templateLocation).them(function(response) { 
     $templateCache.put(templateLocation, response.data); 
    )}; 
} 

これはテンプレートをtemplateCacheに読み込みます。しかし、私が指示にそれを使用しようとすると。 $httpプロミスが解決される前にディレクティブが読み込まれるため、ロードされません。ここで

ディレクティブ

angular.module('myApp').directive('myDirective, directiveFn); 
directiveFn.$inject = ["$templateCache"] 

function directiveFn($templateCache) { 
    var templateLocation = 'location/to/template.html'; 
    return { 
     restrict: 'EA' 
     scope: { 
      thing1: "=" 
     } 
     template: $templateCache.get(templateLocation) 
    } 
} 

のコードはこれを行うには良い方法/場所はありますか？

Answer 1

あなたの指示に$templateRequestを使用することはどうですか？ ディレクティブが開始されたときにテンプレートを読み込むためにこれを使用します。これにより、ディレクティブ内でテンプレートHTMLを使用することができます。

私はTypescriptを使用しています。私の$ templateRequestはディレクティブクラスに依存しているため、このスコープに含まれています。 this.$templateRequest('client/lib/directives/aTemplate.html').then((html) => { ... do something });

クイックルックでは、templatecacheで使用することもできます。このスレッドでは、その一部について説明します。 https://github.com/angular/angular.js/issues/10630