多个组件的Angular App作为一个Web组件

时间:2019-01-28 14:07:34

标签: angular web-component angular-elements

如果已经在其他地方对此进行了报道,我表示歉意(如果是,请相应地指导我)。我试图让我的大脑去围绕Web组件和Angular应用程序的概念,我有些困惑。我们可以使用 以英雄角游应用程序为例。如果我想使用Web组件将此SPA导出到外部网站,正确的过程是什么?我知道我使用了Angular Elements,但是我这样做了:

A。需要将应用程序中的所有现有组件转换为Web组件,然后再将app-root组件导出为Web组件,或者

B。只需将一个应用程序根组件转换为Web组件,Angular Elements就能处理下游的魔力了?

我了解将自定义元素组件导入网页的一般方法。例如,如果我的应用程序名为toh-main-app,它将显示在这样的页面中:

<toh-main-app></toh-main-app>
<script type="text/javascript" src="toh-main-app.js"></script>

我的理解是,如果我使用Angular Elements创建了一个自定义元素,则在我的app.module中,其中entryComponent为AppComponent并将createCustomElement元素定义为“ toh-main-app”,这就是我所需要的去做,我应该很好。我的问题是要验证这是正确的,还是我做错了,我需要为Angular应用程序以及AppComponent中的所有其他组件创建Angular Elements,才能正常工作?

0 个答案:

没有答案