angular - 在运行时加载 Angular 模板

标签 angular angular8

我开发了一个 Angular 网络应用程序用作交互式幻灯片的框架,它读取 JSON 文件并呈现内容。该框架的实例与所述内容打包在一起并交付给客户端以在其服务器上运行。

我想知道的是,是否有一种方法可以让 Angular 在运行时加载模板文件,而不是使用 AOT 编译器缓存模板文件的编译版本。我的用例是有一些带有 HTML 文本(例如说明)的组件,我希望我们的内容作者能够随心所欲地进行编辑,而不需要我编译一个全新版本的应用程序。

AngularJS 尝试通过 AJAX 加载模板文件,您必须将其配置或编写脚本以使用 AOT 编译模板,我基本上只是希望为几个组件反向执行此操作。

最佳答案

您可能正在搜索的是 Angular 中的“动态组件”,本文应该为您提供一个不错的概述 https://indepth.dev/here-is-what-you-need-to-know-about-dynamic-components-in-angular/

一般来说,我会建议实现一些不需要加载和编译新 HTML 代码的自定义选项来允许自定义。让用户在使用它的同时重写你的应用程序似乎不仅仅是一个稍微糟糕的主意。

关于angular - 在运行时加载 Angular 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61597950/

相关文章:

typescript - 尝试在模板中使用组件函数时出现错误 "TypeError: ... is not a function"

svg - Angular 2 - 将输入表单数据绑定(bind)到 SVG 文本元素

css - 将配色方案 JSON 列表添加到 Angular 8 环境中的 Scss 文件

Angular Router 在使用自定义 ngDoBootstrap 和 createCustomElement 时忽略 URL

typescript - 我们如何在 nz-carousel 中使用 goTo(slidenumber)?如果我想直接转到特定的幻灯片编号

html - 如何在 Angular 4 中处理重复的 HTML 代码,例如页眉和页脚?

angular - 如何在Angular的构造函数中使用@Inject文本测试组件

node.js - 安装的 npm 安装的模块无法被 Angular 识别

html - 需要背景颜色来填充空间

typescript - 如何检查表单控件是否以 react 形式被禁用