是否有可能使用angularjs從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