Угловое приложение из нескольких компонентов как одного веб-компонента - PullRequest
0 голосов
/ 28 января 2019

Я прошу прощения заранее, если это уже было освещено в другом месте (если так, пожалуйста, направьте меня соответствующим образом).Я пытаюсь сосредоточиться на концепции веб-компонентов и приложений Angular, и я немного растерялся.В качестве примера можно использовать приложение Angular Tour of Heroes.Если бы я хотел экспортировать этот SPA на внешний веб-сайт с использованием веб-компонентов, каков будет правильный процесс?Я знаю, что использую угловые элементы, но могу ли я:

A.необходимо преобразовать все существующие компоненты в приложении в качестве веб-компонентов перед экспортом корневого компонента приложения в качестве веб-компонента или

B.просто конвертируйте один компонент app-root в качестве веб-компонента, и Angular Elements справится с магией вниз по течению?

Я понимаю общий способ импорта настраиваемого компонента элемента в веб-страницу.Например, если бы мое приложение называлось toh-main-app, оно отображалось бы на такой странице:

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

Насколько я понимаю, если бы я создал один пользовательский элемент с использованием Angular Elements, в моем приложении.module с моим entryComponent, являющимся AppComponent, а мой элемент createCustomElement будет определен как "toh-main-app", это все, что мне нужно сделать, и я должен быть готов.Мой вопрос состоит в том, чтобы убедиться, что это правильно, ИЛИ я не прав, и мне нужно создать Angular Elements для всех других компонентов моего приложения Angular, а также моего AppComponent, чтобы это работало?

...