Angular 20.2: New Native Animations

Опубликовано: 14 Май 2026
на канале: Igor Sedov
4,977
235

Angular 20.2 introduces new native animations for elements entering and leaving the DOM: animate.enter and animate.leave. This new feature makes it easier and more convenient to add animations directly in the component template. These helpers replace the soon-to-be deprecated @angular/animations package.

The most useful is animate.leave, which automatically removes the element from the DOM after the animation ends. Both helpers also support custom animation functions, making it easier to work with third-party animation libraries.

Thanks to the ‪@Angular‬ Team for the new feature.

ℹ️ Sources:
▪️Github PR: https://angular.dev/guide/animations/...
▪️RFC: https://github.com/angular/angular/di...

☕️ Donation:   / igorsedov  

Follow me on:
▪️Twitter:   / theigorsedov  
▪️LinkedIn:   / igorsedov  
▪️Instagram:   / theigorsedov  

Website: https://igorsedov.com
Email: [email protected]

#angular #angular20