Angular2 AOT 用于动态 HTML

Question

我在 Angular2 应用程序中使用 Angular2-Component-Outlet 有动态 HTML，它可以工作。但是现在当我尝试创建 AOT 时，我仍然需要为 Angular2-Component-Outlet 加载 RuntimeCompiler。

是否有任何方法也可以 AOT 编译动态 HTML 并使用延迟加载加载模块。

一个旧的Plunker 显示使用 Angular2-Component-Outlet 来放置动态内容。这类似于 AngularJS 的 ng-include 指令。

Answer 1

我可以通过采用 Angular2 文档中设计的 Dynamic Form 方法来完成整个项目的 AOT。

Answer 2

首先，angular2-component-outlet 已停用，取而代之的是 ng-dynamic。

无论哪种方式，两种解决方案都需要RuntimeCompiler 的依赖关系。如果你仔细想想，这是有道理的。它是一个动态组件，基于我猜的用户输入。或者至少是提前编译器事先不知道的输入。

为了能够在运行时编译此输入，您需要RuntimeCompiler。我想不出办法。

加法

来自 ng-dynamic 自述文件：

动态组件约束

dynamicComponent 需要RuntimeCompiler。可以使用 AoT 编译， 但是你不能消除对@angular/compiler的依赖。