angular - 编译 Angular 6 innerHTML

Question

我正在尝试从我的服务器加载 HTML 并将其插入到我的 Angular 应用程序中的某个位置。它适用于静态 HTML，但如果我想通过 [innerHMTL] 在此 HTML 中使用插值或组件，角度不会自动编译此代码。

例如：

<div [innerHTML]="'<p>{{\'test123\'}}</p><button (click)=\"test()\">test</button><hello-world-cmp></hello-world-cmp>'">

应该产生一个没有带有 text 的大括号的段落test123，以及一个带有实际点击事件的按钮，触发组件 TS 文件中附加的方法。还应该渲染更多的 hello-world-cmp。

我认为像 ng-dynamic 这样的第三方模块可以解决问题。但这似乎需要 JIT，它不再可用于生产构建。有没有办法实现这种功能？

标签： angular