Как скомпилировать нг-включить HTML-файл в переменную

Question

я храню в HTML строку в объект объема и хотите передать его в переменной

$scope.template1 = "div ng-include="'/app.html'" </div>" 

Тогда я хочу передать эту template1 моему бутстрапе шаблон с выходом $ scope.template1

tour.start{ 
    template:$scope.template1// Here i'm looking the output with the content of app.html 
    } 

Как я могу скомпилировать шаблон1 и передать выход?

Answer 1

Просто используйте $compile сервис:

$scope.template1 = $compile("div ng-include="'/app.html'" </div>")($scope); 

Таким образом, ваш шаблон будет содержать нг-включать содержание (не забудьте добавить $ компилировать в ваши зависимости).

Кстати, я рекомендую вам использовать $ службы templateCache для хранения статического контента в JavaScript, чтобы иметь уникальное место для хранения шаблонов (и оптимизированы тоже!):

app.run(function($templateCache) { 
    $templateCache.put('app.html', '<span> app.html content </span>'); 
}); 

и ваш ng-include найдет для вас automagically ваш шаблон для приложения.html. Вы должны сделать это также для template1 переменной, и получить его в ваших JS с помощью:

$templateCache.get('template1.html')