| Angular Elements
|
Showing posts with label Web Components. Show all posts
Showing posts with label Web Components. Show all posts
Tuesday, August 25, 2020
Friday, December 7, 2018
What are Web Components
Web Components are a set of browser standards which allows us
to create custom HTML elements and use them in HTML pages. Web Components use 3
technologies to create these reusable elements.
Custom
Elements – JavaScript class which contains the Element’s
definition and behavior.
Shadow
DOM – Used to render to custom component
separately without affecting the actual DOM.
HTML Templates – The and elements enable you to write markup templates
that are not displayed in the rendered page. These can then be reused multiple
times as the basis of a custom element's structure.
HTML Templates – The and
Web Component can be created by first creating
a class with the actual component implementation. Once the class is created use
CustomElementRegistry.define() register the custom element.
Wednesday, December 5, 2018
What are Angular Elements
Angular Elements is an interesting new feature introduced in Angular 6. Angular Elements allows us
to create Angular Components, package them and allows us to re-use the components
in non-Angular environments like jQuery, HTML etc.
Angular Elements are angular components which are packaged into Custom Elements. Custom Elements allows us to create custom HTML tags which have their pre-defined functionality, these custom tags can be used in any HTML page. Custom Elements is a Web Component feature which helps us create custom elements and reuse them in HTML pages.
Angular Elements are angular components which are packaged into Custom Elements. Custom Elements allows us to create custom HTML tags which have their pre-defined functionality, these custom tags can be used in any HTML page. Custom Elements is a Web Component feature which helps us create custom elements and reuse them in HTML pages.
Subscribe to:
Posts (Atom)
