javascript - Angular7 运行时编译

标签 javascript angular typescript

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

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

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

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

所以我需要的是将外部 Angular 模板字符串注入(inject)到我的 Angular View 中。

这是预期的结果。

<div class="card"> ... </div>
<div class="card"> ... </div>
<div class="card"> ... </div>
  • 我知道这不是一个好的选择,也是实现这一目标的另一种方法。但基本代码不是我的,我没有足够的时间来更改整个代码。

最佳答案

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

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

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

关于javascript - Angular7 运行时编译,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54165961/

相关文章:

Angular 5 HttpInterceptor this.interceptor.intercept 不是一个函数

javascript - 如何在没有后端的情况下发送 Angular 6 表单?

javascript - Angular2 - 根据对象属性的值过滤对象数组

angular - 在 ionic 3 中使用 firebase 使用电话号码进行身份验证

node.js - 不使用 Promises 的动态 TypeScript 导入

javascript - 重用 Angular 和 html 的冗余函数

javascript - 如何将 javascript 文件组织成更小的 block ?

javascript - 使用 slider 为过滤添加分页,并在加载时显示过滤后的内容

javascript - 沿 es6 模块生活

javascript - 将命令附加到已有的键绑定(bind)