ng-template to Variable from src

Question

Я хочу загрузить содержимое моего шаблона в переменную. На данный момент мой код выглядит так.

HTML

<script type="text/ng-template" id="a.html" src="templates/a.html"></script> 

JS

vm.template = $templateCache.get('a.html'); 
console.log("Template: " + vm.template); 

Это должно загрузить содержимое 'Шаблоны/a.html' в vm.template. К сожалению, это не сработает. Переменная vm.template не содержит шаблон.

То, что я узнал во время тестирования является то, что если я пишу содержимое шаблона непосредственно в тег сценария, как этот

<script type="text/ng-template" id="a.html">Hello!</script> 

Это на самом деле работает.

Answer 1

Использование SRC на нг-шаблона не может работать:

Вы можете использовать нг-включают в себя:

<script type="text/ng-template" id="a.html"> 
    <div ng-include="'templates/a.html'"></div> 
</script> 

или сделать это в вашей конфигурации маршрутизации:

.config(function ($routeProvider) { 
    $routeProvider 
     .when("/", { 
      templateUrl: 'templates/a.html', 
      controller: 'aController' 
     }).when("/second", { 
      templateUrl: 'templates/b.html', 
      controller: 'bController' 
     }).otherwise({redirectTo: "/"}); 
}); 

Кроме того, это делает запрос /templates/a.html GET на ваш сервер (Убедитесь, что вы настроили вашу статику)

Answer 2

вы можете использовать директиву:

.directive('script', function() { 
    return { 
     restrict:'E', 
     scope: false, 
     controller: function($attrs, $templateCache, $http, $log) { 
     if($attrs['type'] != "text/ng-template" || !$attrs['src']){ 
      return; 
     } 

     var id = $attrs['id'] || $attrs['src']; 
     var src = $attrs['src']; 
     $log.debug('Loading %s template from %s', id, src); 

     $http.get(src).then(function(response){ 
      $log.debug('Loaded template %s', id); 
      $templateCache.put(id, response.data); 
     }); 
     } 
    }; 
    })