向 Angular 应用程序添加运行时组件

时间:2021-05-09 06:47:52

标签: angular angular-dynamic-components

我们正在构建一个 Angular 应用程序,它允许集成 3rd 方组件。这些组件在构建过程中不能作为包提供,因为我们不知道可能会出现的 3rd 方组件。主应用程序和第 3 方组件之间的契约是明确定义的。我们可以将 Microsoft Teams 视为一个有角度的应用程序,并且我们允许从 Marketplace 添加许多其他小部件。

确保 iFrame 方法可以集成它,只要该组件所在的 URL 可用。 使用angular,我们可以集成组件吗? ComponentFactoryResolver 方法不起作用,因为这些组件在构建期间不可用。 假设我们有可用的组件的模块 JavaScript,它是独立的(不依赖于该模块脚本之外的任何共享库)。如果我们可以动态加载该脚本,以便在该模块中定义的组件可用,那么在 Angular 中是否有可能?

或者有没有更好的方法可以在不使用 iFrames 的情况下将动态组件(在打包期间不可用)集成到 Angular 应用程序中?

0 个答案:

没有答案