Standalone Components with Angular Elements to generate Web Components

The video explores the use of Standalone Components with Angular Elements and demonstrates how to create a reusable component that can be used in multiple projects. The presenter guides the viewer through the process of building a standalone component using Angular Elements and shows how to export it as a custom element that can be used in any web application. The video also showcases how to use the created component in another project, demonstrating its flexibility and versatility. By the end of the video, viewers will have a solid understanding of how to build standalone components with Angular Elements and use them in their own projects.

[sandeshmargaj]

Can you please share how we can do the same in Angular 17 using standalone components

[lahirumadushan]

It was very helpful. thanks. subscribed !

[javidcarlos]

How to load assets folder images of web app in host application.

[Piri]

How would you go about creating multiple elements in the same angular project? Lets say you are migrating an old web application so you have to create one angular element at the time but the goal is that eventually you will use the angular app as a whole.

[swtyy]

Is there a way to make Debugging possible with this component?

[HarshavardhanKanoj]

Routing is not working in angular 18, after following this step.

[bbbjames]

how does this work with angular 17? Theres no runtime.js file that gets generated in the build. Does the runtime.js happen in main.js now with angular 17? Is the bootstrap process the same?

[MarkusThiel]

So the idea here is to create a application for each component you want to use a custom element in eg. index-test.html ?

[shriramjadhav]

Angular component animation does not work with Angular Elements!!!