Whats new in ngAnimate

on YouTube ↗14m

" summary

ngAnimate 1.4 refactors the internals for fewer bugs and future features and adds concrete APIs: a promise-returning $animateCss service for JS-driven CSS animations (no jQuery), improved $animate callbacks so controllers detect animation end, and an anchoring system that computes class diffs to translate elements across views (works with ng-if/ng-repeat). Experimental sequencing via ngTimeline enables ordered and parallel steps, with planned pause/resume and custom-driver hooks for 1.5/2.0.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 0:59Animation basics
3. 1:57Improved 1.4 features
4. 2:47Improved callbacks
5. 4:18Animate CSS service
6. 6:15Element anchoring
7. 9:23Future Angular features
8. 11:16Experimental NG timeline
9. 13:43Conclusion and Q&A

" related talks

• 26mAnimations (sequencer, web animations)Matias Niemelä · ng-europe 2014
• 32mThe Best of ngAnimate in AngularJSMatias Niemelä · GOTO Chicago 2014
• 17mAnimations in Angular 4.0.0Matias Niemelä · ng-conf 2017
• 26mAdvanced Angular AnimationsElad Bezalel · AngularUP 2019
• 21mDemystifying Angular AnimationGil Fink · AngularUP 2017
• 44mEnhanced Front-end Applications in AngularJS 1.3Matias Niemelä · GOTO Copenhagen 2014
• 18mYet another way to animate in AngularDouglas Duteil · ng-europe 2014
• 44mLively Applications with Angular AnimationsTimo Korinth · International PHP Conference Spring 2018