Angular & Web Components - Using Angular Elements to create Custom Elements

Web Components is a standard to create framework agnostic HTML elements. In Angular we create an Angular Component, using Angular Elements to expose this Component as a Custom Element and use it outside of Angular. This video provides a step-by-step introduction how to create a custom component with Angular, how to use it in plain HTML and to deal with Input and Output of that custom element.

Github: https://github.com/tamani-coding/angu...

(00:00) - Intro to Web Components / Custom Elements
(02:19) - Setup and Create an Angular Component
(06:14) - Bootstrap Custom Element with Angular Elements
(09:26) - Build and Use Custom Element
(12:45) - Use Input and Output
(15:57) - Outro

• #science_technology
• #web_components
• #custom_elements
• #angularelements