Angular Elements

Angular elements are Angular components packaged as custom elements, a web standard for defining new HTML elements in a framework-agnostic way.

Once web components have been registered with the browser can be used throughout an application as if they were native HTML elements

• We can optimise Lighthouse performance with Angular Elements
• Exposes public methods that can use use as regular HTML element
• Emits public events

Re: Watch on YouTube

Build - builds and compile elements in a single js file

npm run build:e

Run

index.html file in 'public' folder render elements as regular HTML