A Practical Introduction To Web Components With Angular 6
- 2018-05-21 03:45 AM
With the release of Angular 6 the new Angular Elements functionality is now fully available. By using Angular Elements you can package Angular components as custom elements, a web standard for defining new HTML elements in a framework-agnostic way.
The Angular Elements functionality is available with the package @angular/elements. This packages exposes the createCustomElement() function which can be used to create a custom element (web component) from an Angular component class. Therewith it provides a bridge from Angular component interface and change detection functionality to the build-in DOM API.
In this tutorial we’ll explore the Angular Elements functionality from scratch by implementing a practical example from start to finish.
Learn Angular Online