Как использовать ng-include из кода?

Question

Я хочу использовать директиву ng-include из кода. Что-то вроде

var html = '<div ng-include="\'myTemplate.html\'"></div>'; 
$compile(html)($scope); 
angular.element(document.getElementById('myDiv')).append(html); 

но, этот не работает должным образом. Может ли кто-нибудь объяснить, как достичь этого правильно?

Answer 1

Если вы хотите включить HTML в веб-страницы, вы должны использовать нг-Бинг-HTML вместо:

HTML

<div id="myDiv" ng-bind-html="template"></div> 

JS

.controller('name', function($scope, $http, $sce, ...) { 
    $http.get('myTemplate.html').success(function(template) { 
     $scope.template = $sce.trustAsHtml(template); 
    }); 
}); 

Answer 2

Изменить порядок ваших заявлений.

var html = '<div id="dynamicID" ng-include="\'myTemplate.html\'"></div>'; 
var ngEl = angular.element(document.getElementById('myDiv')); 
ngEl.append(html); 
$compile(ngEl.find('#dynamicID'))($scope);