Можно ли использовать динамический шаблон из web с угловыми?

Question

Существует множество примеров использования директив для создания динамических форм с помощью angularjs, но я пытаюсь сделать что-то другое.

В настоящее время я использую это в моем файле JS:

.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    templateUrl: 'my-customer.html' 
    }; 
}); 

Это моя-customer.html

Name: {{customer.name}} Address: {{customer.address}} 

Как запросить templateUrl из Интернета, как это:

.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    templateUrl: 'http://www.garsoncepte.com/my-customer.php' 
    }; 
}); 

Рабочий пример приведен ниже:

http://plnkr.co/edit/U41xyBeeFXV7Osr7pI2Y?p=preview

Answer 1

Если вы проверили error в консоли, он отображается как ненадежный URL-адрес, поскольку он не находится в том же домене.

Вы можете использовать $sce, чтобы разрешить домен.

.directive('myCustomer', ['$sce', function($sce) { 
    return { 
    restrict: 'E', 
    templateUrl: $sce.trustAsResourceUrl('http://www.garsoncepte.com/my-customer.php') 
    }; 
}]); 

http://plnkr.co/edit/QkQfdLjdmmqVRNyZsMEF?p=preview