angular 4从外部文件夹加载html模板文件

【问题标题】：angular 4 load html template files from external folderangular 4从外部文件夹加载html模板文件
【发布时间】：2017-12-21 14:41:07
【问题描述】：

出于安全原因，我开发了一个 Angular 4 的应用程序，并且在不编译的情况下更改了模板我试图找到一种方法可以更改 HTML 和应用程序使用它。不知何故，我需要从外部文件夹中读取 HTML 模板文件并使用它。我试图找到一种方法，但不幸的是我无法得到直接的答案我希望在这里我能找到它是否有任何解决方案？

我所做的是：

https://github.com/lacolaco/ng-dynamic

Load Angular2 template from external URL

Equivalent of $compile in Angular 2

Angular 4 Template Binding with ES6 Template String

Dynamically load HTML template in angular2

How to bind raw html in Angular2

【问题讨论】：

标签： html angular templates

【解决方案1】：

以前 Angular 出于安全原因在 build (bundle js) 中发布了 angular-compiler，他们从 bundle 中删除了 angular-compiler，原因很明显 angular 会在 build 时编译代码并且不需要发布编译器。它会在您的生产站点上产生额外的开销，并且还会产生更重的捆绑包。所以答案是否定的。您不能从外部源注入模板。为什么不创建一个组件并使用条件以这种方式显示您的外部html？

【讨论】：

其中一个原因是设计部分我需要将我的代码提供给第 3 方以更改设计。我在想如果我可以将模板放在其他地方来改变它，它们是一些单独的 html 文件
可以注入静态html。但 Angular 不会解析该 HTML。
您能解释一下如何从外部文件夹注入 HTML 吗？
为此使用纯 JavaScript 代码。只需添加一个带有 id 的 div。将 html 放入该 ID 中。可能有角度会告诉它不安全。如果您坚持不安全，请告诉我。