Animations in Angular 4.0.0
summary
New Angular 4.1 animation features separate animation code into an @angular/animations module and give tested runtime tools: animateChild and the new animation() verb for reusable, parameterized animations with input variables, a query with stagger selector that targets enter/leave and nested elements, programmatic control via AnimationBuilder and a persistent Player that supports scrubbing and speed, and router-aware animations using the outlet directive input. The demo runs these features end-to-end and the API targets 4.1 after weeks of testing.
AI-written summary · about
chapters (21)
- 0:00Intro
- 0:58Links
- 1:20What to expect
- 1:58Animations from Core
- 2:13Animations from Angular
- 2:49Animation Modules
- 3:27Basic Example
- 3:40Hello World
- 5:13Callbacks
- 5:41Animation
- 6:21FadeInOut Animation
- 6:40Input Variables
- 7:11Change Duration
- 7:39Data Transition
- 8:07Query
- 9:03Query Selector
- 9:27Reveal Animation
- 10:23Programmatic Animations
- 11:19Animation Builder
- 12:20Routing
- 15:55Final Notes
