Как загрузить приложение angular внутри другого приложения angular

Question

У меня есть два приложения angular, скажем, A и B. Теперь на вкладке One приложения B я хочу загрузить все приложение A . Как мне этого добиться?

Пожалуйста, дайте мне знать, как добиться этой функциональности. Имеет ли angular какой-либо специальный тег, который я могу использовать

Answer 1

Как упоминал Акшай, вы можете использовать Angular Elements, чтобы представить ваше приложение A как пользовательский элемент и использовать его в приложении B.

В вашем случае вы хотите представить свой AppComponent как пользовательский элемент.

Answer 2

Вы хотите что-то вроде внешнего интерфейса MICRO, создайте Приложение A как Angular пользовательский элемент (веб-компонент - Angular Elements), на выходе будет скрипт. Загрузите этот скрипт в Приложение B. Поместите селектор, который вы указали при создании пользовательского элемента в Micro App B, туда, где вы хотите загрузить Приложение A.

. Подробнее читайте о Micro Front Ends (Angular Elements )

Пожалуйста, не используйте iframe, с которыми им действительно трудно управлять. Чтобы узнать больше, прочитайте немного о Micro Front End с Angular, там есть много хорошо написанных блогов. .