如何使用AngularJS ng-include？

Question

我想使用AngularJS来分离我的jquery移动HTML。但似乎ng-include不能包含外部HTML作为父内容，父CSS和js不适用于它。以下是一个例子。你想让我知道如何解决它吗？

以下是示例 http://plnkr.co/edit/I91t9mjGJ58ZS4H2bymL?p=preview

Answer 1

很明显，由于CORS政策，您无法直接访问其他网站的外部文件。

如果您确实希望从其他网站获取具有不同域名的模板，请确保该域为您提供了$http.get html模板字符串的API，然后您可以将其注入Angular控制器，您的视图可以从哪里访问。

基本流程如下：

1. 检查第三方域的API，您可以在其中获取模板字符串。
2. 使用$http.get（或$resource，取决于您的选择）来获取模板。
3. 将$http服务和解析登录包装到新的Angular服务中。 （例如angular.module('yourApp', []).factory();
4. 将此服务注入您在指令中绑定的Angular控制器。
5. 在您的视图文件中，使用该控制器中的ng-include访问该模板。