Angular elements in Angular 10 for creating Web Components

Опубликовано: 08 Октябрь 2024
на канале: JS Frameworks
4,857
89

Angular elements: How to use angular elements in Angular 10 for creating Web Components

We take a look at how we can create web components in Angular 10 using Angular elements. Custom elements, Shadow dom and Html slot are the main ingredients of a web component, we implement these using angular 10 and typescript.

Github url for the angular element sample repo: https://github.com/anuroopjoy/angular...

0:00 - Introduction
0:33 - Add angular elements to project
2:00 - Create Custom element
5:48 - Shadow DOM encapsulation
6:23 - Inputs for web components
10:35 - Outputs for web components
12:58 - Slots in angular elements