Angular 6.1 fue lanzado el 25 de julio. Esta
versión menor del marco puede considerarse como un reemplazo para Angular 6.0, que incluye algunas innovaciones y correcciones de errores. Este material, una traducción de una publicación de un blog de Angular, trata sobre las principales características nuevas de Angular 6.1.
Enrutador y guardar posición de desplazamiento
Ahora los desarrolladores de aplicaciones angulares pueden aprovechar la nueva función de enrutador, que le permite recordar y restaurar la ubicación del usuario en la página: la posición de desplazamiento o desplazamiento. Cuando va a la página siguiente de la aplicación, se restablece la posición de desplazamiento y se recuerda la posición del usuario en la página anterior. Al presionar el botón Atrás se abrirá la página anterior, teniendo en cuenta la posición de desplazamiento guardada.
Para habilitar esta función, puede usar el siguiente comando:
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})
Se espera que en una futura versión importante de la plataforma, el enrutador esté configurado de manera predeterminada para restaurar la posición de desplazamiento.
ShadowDOM v1 y encapsulación de vista
Hay muchas formas de asociar reglas CSS con los componentes en los que se definen estas reglas. Esto se llama Vista Encapsulación. La encapsulación se puede cambiar a ShadowDOM v1 en el decorador de componentes. Se hace así:
@Component({ templateUrl: './my-component.html', encapsulation: ViewEncapsulation.ShadowDom }) export class MyComponent { }
Ahora el uso del valor
ViewEncapsulation.Native , que significa usar Shadow DOM v0, está en desuso.
ShadowDOM v1 tiene una mejor compatibilidad entre navegadores que la versión anterior del estándar. El trabajo en este estándar se llevó a cabo inicialmente teniendo en cuenta la posibilidad de su uso en varios navegadores. Las diferencias entre Shadow DOM v0 y v1 se pueden encontrar
aquí .
Las innovaciones de ShadowDOM v1 serán de interés principalmente para los autores de la biblioteca y los desarrolladores avanzados. Cabe señalar que el uso de Shadow DOM v1 es necesario para usar la proyección de contenido dentro del marco de la tecnología Angular Elements.
Reglas de esquemas de encadenamiento
La herramienta
Esquemas se ha mejorado en esta versión y, como resultado, ahora se puede devolver una nueva
regla de una
regla existente. Esto permite a los desarrolladores una mayor flexibilidad para definir el conjunto de reglas para Schematics.
Soporte de TypeScript 2.9
Ahora Angular, junto con TypeScript 2.7, admite TypeScript
2.8 y
2.9 . Una de las características importantes de TS 2.9, que es útil para muchos desarrolladores, está relacionada con errores, como los siguientes:
Exported variable 'x' has or is using name 'y' from external module 'z' but cannot be named
Se han realizado cambios en TS, debido a que, en primer lugar, dichos errores ya no aparecen y, en segundo lugar, ya no es necesario reescribir el código para llevarlo a un estado correspondiente a patrones de exportación similares.
Resumen
Hay otros cambios en la
nueva versión Angular, por ejemplo, con respecto al procesamiento de URL
malformadas (
malformedUriErrorHandler ) y destinadas a mejorar el trabajo con matrices y objetos
asociativos (
KeyValuePipe ).
También se ha lanzado una nueva versión de
angular-cli .
Angular 6.1 es el último lanzamiento menor planificado de la versión 6.x. Por lo tanto, en el futuro previsible, podemos esperar el lanzamiento de versiones beta de Angular 7.0 y la aparición de nuevas características interesantes en este marco.
Estimados lectores! ¿Qué innovaciones de Angular 6.1 le parecen más interesantes? ¿Qué esperas de Angular 7.0?
