如何在 angular 组件中嵌入 angular 元素

Question

我正在尝试构建一个 angular 应用程序来封装另外 2 个 angular 项目，因为有 2 个独立的团队在处理这些项目，并且他们需要能够单独交付。我们决定使用 angular 个元素。我们需要它们能够在联合登录页面后加载并且它们不需要同时出现 time.I 能够将项目导出为 angular 元素并将其导入 index.html 的父应用程序，但我无法让它在组件内部工作

我已将脚本添加到 index.html 文件，并启用 CUSTOM_ELEMENTS_SCHEMA 但应用程序抛出错误

Error: The selector "custom-root" did not match any elements
    at DefaultDomRenderer2.selectRootElement (scripts.js:176618)
    at BaseAnimationRenderer.selectRootElement (scripts.js:174288)

我也试过将 js 文件添加到 angular.json 的脚本部分，但这也不起作用。当我尝试通过 app.component.ts

顶部的导入命令添加它们时，它也会抛出错误

Answer 1

像对待自定义元素一样对待自定义元素。

这意味着您需要对所有输入进行字符串化，而不是将模块导入包装器模块。

如何在 angular 组件中嵌入 angular 元素

How to embed an angular element inside a angular component

angular

angular-elements