Sharing component MicroFrontend between an Angular and AngularJS application

Question

I am creating custom web components using Angular (14). It works fine in the Angular application. But when I am planning to use it in AngularJS, I need some help.

How can I use custom web components from microfronted into another? Are there any articles or sample example links which can guide me further?

What exactly is your issue? Your question is kind of broad. Usually, web components are registered globally on your site. So if one microfrontend registers a webcomponent you can use it in every microfrontend — Lalaluka
– Lalaluka, Commented Sep 7, 2022 at 7:25
@Lalaluka : To start over, i created a Microfrontend app using single-spa and have one app in angular and another in angularjs. I created web component using angular elements and able to use web component in angular application. But unable to see the web component when the single-spa uses angularjs code for displaying the application. So i was trying to figure out if there is a way for inter-communication among different micro-frontend app. I created a web component in angular — user9302609
– user9302609, Commented Sep 7, 2022 at 14:58

Kelum Bandara · Accepted Answer · 2022-09-06 11:32:22Z

-1

I think you should be looking in to Webpack Module Federation. It helps one JavaScript application to use another easily. This concept is used commonly in angular micro front-ends.

Please read https://webpack.js.org/concepts/module-federation/

And go through this answer

https://stackoverflow.com/a/68908854/14673615

Hope this helps

answered Sep 6, 2022 at 11:32

Kelum Bandara

4784 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Lalaluka Over a year ago

This question is about web components in single-spa not microfrontends with module federation.

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Sharing component MicroFrontend between an Angular and AngularJS application

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related