Advanced AngularLesson 39Free preview

Angular Animations

This lesson is part of Angular · All levels

Summary

Angular animation allows for transitions of elements such as input, output, and declarative change of status. The @angular/animations module provides a trigger, state, and transition that is tied to the attribute [@nameAnimation]. You can adjust the easing and duration to feel more natural.

Key points

Use the trigger to define a set of transitions
State determines the display on a particular status
Transition deals with transfers between status
Animation is installed via an animation attribute on the template element

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.