是否可以使用带有angularjs的web动态模板？

Question

有很多例子使用指令来创建带有angularjs的动态表单但是我试图做一些不同的事情。

目前我在我的js文件中使用它：

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

这是my-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，则会显示为不受信任的网址，因为它不在同一个域中。

您可以使用$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