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