Angular js, şablon url'yi kullanarak templateCache içine şablon yükleme

Question

Aşağıdaki şekilde, modülün çalışma bloğundaki bir şablonu $templateCache içine yüklemeye çalışıyorum.

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); 
    )}; 
} 

Bu, şablonu templateCache'ye yükler. Ancak, onu bir direktifte kullanmaya çalıştığımda. Yönerge, $http sözünün yanıtlanmasından önce yüklendiği için yüklenmiyor. İşte

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) 
    } 
} 

bunu yapmak için daha iyi bir yolu/yer var mı yönergesi kodudur?

Answer 1

Yönergenizde $templateRequest'u kullanmaya ne dersiniz? Yönergeler başlatıldığında bir şablon yüklemek için bunu kullanıyorum ve bu, yönergeler içindeki HTML şablonlarını kullanmama izin veriyor.

Typescript kullanıyorum ve $ templateRequest direktif sınıfımın bağımlılığı, bu yüzden bu kapsamda. this.$templateRequest('client/lib/directives/aTemplate.html').then((html) => { ... do something });

Hızlı bir bakış bana templatecache ile de kullanabileceğinizi gösterir. Bu iş parçacığı bazılarını tartışır: https://github.com/angular/angular.js/issues/10630