javascript - Angular7 运行时编译

Question

我想将一个 HTML 字符串编译成 Angular 组件。

我有一个类似这样的 HTML 字符串：

<test-card></test-card>
<test-card></test-card>
<test-card></test-card>
....

我的 Angular 项目中已经有test-card组件。

所以我需要将一个外部 Angular 模板字符串注入到我的 Angular 视图中。

这是预期的结果。

<div class="card"> ... </div>
<div class="card"> ... </div>
<div class="card"> ... </div>

• 我知道这不是一个好的选择，也是实现它的另一种方式。但是基本代码不是我的，我没有足够的时间来更改整个代码。

标签： javascriptangulartypescript

Answer 1

Angular 7 不提供像 angularJS 这样的模板的运行时编译。

也许动态组件可以解决您的问题：

https://angular.io/guide/dynamic-component-loader