Angular elements in Angular 10 for creating Web Components

Published: 27 October 2020
on channel: JS Frameworks

4,857

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

On this page of the site you can watch the video online Angular elements in Angular 10 for creating Web Components with a duration of hours minute second in good quality, which was uploaded by the user JS Frameworks 27 October 2020, share the link with friends and acquaintances, this video has already been watched 4,857 times on youtube and it was liked by 89 viewers. Enjoy your viewing!

625