Angular 20: fin de soporte y cómo actualizar

Angular 20 está en soporte de largo plazo hasta el 28 de noviembre de 2026. Después de esa fecha deja de recibir parches de seguridad, así que el paso a la v21 o la v22 se debería planificar ahora.

Fechas de lanzamiento y soporte

Angular 20 se publicó en mayo de 2025. El soporte activo terminó en noviembre de 2025, cuando salió Angular 21. El soporte de largo plazo termina el 28 de noviembre de 2026, según la página oficial de lanzamientos. Las fechas de cada versión están en Soporte y fin de vida de las versiones de Angular.

Qué introdujo Angular 20

• Más APIs de signals estables. effect, linkedSignal y toSignal pasaron a estables.
• Detección de cambios zoneless en developer preview. El changelog de Angular registra su paso a estable en la v20.2.
• Hidratación incremental y modo de renderizado por ruta estables.
• Mejoras en templates: template literals sin tag, los operadores de exponenciación e in, y verificación de tipos opcional para host bindings.
• Cambios en la guía de estilo. En proyectos nuevos el CLI ya no genera por defecto sufijos como .component.
• Deprecación de *ngIf, *ngFor y *ngSwitch en favor del control flow integrado.

Qué revisar al actualizar

De 20 a 21:

• Se requiere TypeScript 5.9 o posterior.
• Las apps nuevas son zoneless por defecto. Para las apps existentes basadas en zone.js, una migración agrega provideZoneChangeDetection() a los providers raíz.
• La verificación de tipos de los host bindings está activa por defecto. Corrige los errores nuevos o configura typeCheckHostBindings: false.
• Se eliminan las propiedades interpolation y moduleId de @Component, y se elimina NgModuleFactory.
• Se elimina UpgradeAdapter. Las apps híbridas con AngularJS deben usar @angular/upgrade/static.
• Vitest es el test runner por defecto en proyectos nuevos. Karma y Jasmine siguen soportados.

De 21 a 22:

• Se requieren Node.js 22.22.3, o 24.15.0 y posteriores, y TypeScript 6.0 o posterior.
• Los componentes sin la propiedad changeDetection son OnPush por defecto. Una migración agrega ChangeDetectionStrategy.Eager donde hace falta para mantener el comportamiento anterior.
• strictTemplates pasa a ser true por defecto.
• Se eliminan ComponentFactoryResolver, ComponentFactory, provideRoutes() y la integración con Hammer.js.
• El cliente HTTP por defecto ya no incluye soporte para XHR. El progreso de subida necesita provideHttpClient(withXhr()).
• Los builders basados en webpack quedan deprecados en favor de los builders de @angular/build.

Un plan corto de actualización

1. Actualiza al último parche de 20.3.x, confirma que el build y las pruebas pasan, y haz commit.
2. Ejecuta ng update @angular/core@21 @angular/cli@21 y luego ng update @angular/material@21.
3. Revisa lo que cambiaron las migraciones, corrige los errores de tipos en host bindings, corre las pruebas y publica.
4. Pasa el CI y las máquinas locales a una versión de Node.js soportada por Angular 22.
5. Ejecuta ng update @angular/core@22 @angular/cli@22 y luego ng update @angular/material@22.
6. Revisa los ChangeDetectionStrategy.Eager agregados y los errores de tipos en templates, corre las pruebas y publica.

Cuándo conviene pedir ayuda

Desde la v20 hay dos actualizaciones hasta la versión actual, y ambas traen migraciones automáticas. Conviene pedir ayuda si la fecha está cerca y el equipo está ocupado con un release, si la app es un híbrido que todavía usa AngularJS con UpgradeAdapter, o si el build todavía depende de una configuración personalizada de webpack. Para apps híbridas mira Migración de AngularJS. Para apps con más atraso, mira Estrategia para actualizar versiones antiguas de Angular.

Más en esta sección

• Cómo actualizar una app Angular con muchas versiones de atraso
• Soporte y fin de vida de las versiones de Angular
• Angular 9: fin de soporte y cómo actualizar
• Angular 10: fin de soporte y cómo actualizar