Angular7 - Descripción general
Angular 7es propiedad de Google y la versión estable se realizó el 18 º octubre de 2018. Esta es la última versión del angular.
A continuación se muestra la lista de versiones de Angular lanzadas hasta ahora:
| Versión | Fecha de lanzamiento |
|---|---|
| JS angular | Octubre de 2010 |
| Angular 2.0 | Septiembre de 2016 |
| Angular 4.0 | Marzo de 2017 |
| Angular 5.0 | Noviembre de 2017 |
| Angular 6.0 | Mayo de 2018 |
| Angular 7.0 | Octubre de 2018 |
Las fechas de lanzamiento de las dos próximas versiones principales de Angular se indican a continuación:
| Versión | Fecha de lanzamiento |
|---|---|
| Angular 8.0 | Marzo / abril 2019 |
| Angular 9.0 | Septiembre / Octubre 2019 |
Google planea lanzar la versión principal de Angular cada 6 meses. La versión lanzada hasta ahora es compatible con versiones anteriores y se puede actualizar a la más nueva muy fácilmente.
Analicemos las nuevas características agregadas a Angular 7.
Actualización angular a V7
Angular 7 es una versión importante en la que, en el marco del núcleo angular, se actualizan Angular CLI y Angular Materials. En caso de que esté utilizando Angular 5 o 6 y desee actualizar a Angular 7, a continuación se muestra el comando que actualizará su aplicación a la versión reciente de Angular:
ng update @angular/cli @angular/coreCLI angular
Mientras realiza la configuración del proyecto utilizando CLI angular, le informa sobre las funciones integradas disponibles, es decir, el enrutamiento y la compatibilidad con hojas de estilo como se muestra a continuación:
Rendimiento de la aplicación
En Angular 7, se agrega un presupuesto de paquete en angular.json como se muestra a continuación:
Budgetses una característica agregada a Angular CLI que le permite establecer un límite dentro de su configuración para asegurarse de que el tamaño de su aplicación esté dentro del límite establecido. Puede establecer el tamaño para que la aplicación pueda recibir una advertencia cuando se cruce el límite.
Material angular y CDK
La versión de Angular Material / CDK se actualiza en Angular 7. También hay 2 características agregadas a CDK: virtual scrolling, and drag and drop.
Desplazamiento virtual
La función de desplazamiento virtual muestra los elementos dom visibles al usuario, a medida que el usuario se desplaza, se muestra la siguiente lista. Esto brinda una experiencia más rápida, ya que la lista completa no se carga de una vez y solo se carga según la visibilidad en la pantalla.
Arrastrar y soltar
Puede arrastrar y soltar elementos de una lista y colocarlos donde sea necesario dentro de la lista. La nueva característica es muy suave y rápida.