Los elementos de Angular son una de las principales innovaciones a partir de Angular 6 en adelante, os recuerdo que Angular ya va por su versión 10. Los elementos permiten desarrollar componentes de Angular a través de la potente API de Angular, y luego compilarlos en elementos personalizados nativos para el navegador.

Con los elementos personalizados, podemos definir nuevos elementos HTML de una manera independiente del framework que se adhiera a los estándares web; y también podemos extender el HTML definiendo una etiqueta cuyo contenido es creado y controlado por código JavaScript.

Por lo tanto, el principal beneficio de los elementos de Angular es que puedes compartirlos como “Elementos personalizados” con otros proyectos a pesar de que no usen el framework de Angular.

Supongamos que tienes una aplicación React y te gustaría añadir un componente de flujos de pago que creaste con anterioridad sobre Angular, pues puedes envolver ese componente como un Elemento Angular, posteriormente compilarlo e importarlo a tu aplicación de React.

A continuación, unos vídeotutoriales en los que se trabaja con los elementos de Angular.

Creación de componentes con Angular Elements 2019


Angular Elements 2018


Relacionados con Elementos de Angular

🥇 ▷ Angular 10: Conoce todas las novedades

📹 Cursos de Angular

📚 Libros de Angular

🥇 Los 14 mejores framework de desarrollo

🎁 Ojea las Mejores Ofertas Ninja, ¡Actualizadas a Diario! 🛒

Fuente: Elementos de Angular