Angular 6 - Descripción general

Hay cinco lanzamientos principales de Angular. La primera versión que se lanzó es Angular 1, que también se llama AngularJS. Angular 1 fue seguido por Angular 2, que entró con muchos cambios en comparación con Angular 1.

La estructura de Angular se basa en la arquitectura de componentes / servicios. AngularJS se basó en el controlador de vista del modelo.Angular 6 lanzado en mayo de 2018 demuestra ser un gran avance y es la última versión del equipo de Angular después de Angular 5.

Angular 6 es casi lo mismo que Angular 5. Tiene compatibilidad retroactiva con Angular 5. Los proyectos desarrollados en Angular 5 funcionarán sin problemas con Angular 5.

Veamos ahora las nuevas funciones y los cambios realizados en Angular 5.

Angular 5 y sus características

Angular 5 se lanzó en noviembre de 2017. Según su objetivo de velocidad y tamaño, era mucho más rápido y de menor tamaño que el de Angular 4. A continuación se muestran las características que se introdujeron en Angular 5.

  • HTTPClient API- La API HTTPClient se introdujo para desaprobar la biblioteca HTTP. HTTPClient API es mucho más rápido, seguro y eficiente que la biblioteca HTTP.

  • Multiple export aliases - Un componente se puede exportar utilizando varios alias para facilitar el proceso de migración.

  • Internationalized Pipes for Number, Date, and Currency - Se introducen nuevos tubos para una mejor estandarización.

  • Lambda support - Se pueden usar expresiones lambda con nombres propios en lugar de funciones.

  • Build Optimizer- Se introdujo el optimizador de compilación. Optimiza el tamaño de la construcción y mejora la velocidad de aplicación. Angular CLI usa Build Optimizer automáticamente.

  • Improved Compiler- El compilador de Angular 5 en adelante admite la compilación incremental para una compilación más rápida. El compilador usa transformaciones de TypeScript, una nueva característica de TypeScript 2.3 disponible en adelante.

Veamos ahora las nuevas características agregadas a Angular 6 -

  • Updated Angular CLI, Command Line interface- Se agregaron nuevos comandos, como ng-update para migrar de la versión anterior a la versión actual. ng-add para agregar rápidamente funciones de la aplicación para hacer de la aplicación una aplicación web progresiva.

  • Updated CDK, Component Development Kit- Admite la creación de elementos de interfaz de usuario personalizados sin necesidad de una biblioteca de material angular. Admite diseños de diseño web receptivos. Admite paquetes de superposición para crear ventanas emergentes.

  • Updated Angular Material - Se agregó el componente New Tree, mat-tree, una versión con estilo y cdk-tree, una versión sin estilo, para representar una estructura jerárquica como árbol.

  • Usage of RxJS, a reactive JS library

  • Angular Element- Permite que los componentes angulares se publiquen como componentes web que luego se pueden usar en cualquier página HTML. Usando el paquete Angular Element, los elementos personalizados nativos se pueden crear fácilmente.

  • Múltiples validadores: permite que múltiples validadores sean aplicables en un generador de formularios.

  • Agitación de árboles en los servicios: ahora la agitación de árboles también se puede aplicar en los servicios para eliminar el código inactivo.