Pro Angular 9: Build Powerful and Dynamic Web Apps

© Adam Freeman 2020

A. FreemanPro Angular 9https://doi.org/10.1007/978-1-4842-5998-6_28

28. Using Animations

Adam Freeman¹ 

(1)

London, UK

 

In this chapter, I describe the Angular animation system, which uses data bindings to animate HTML elements to reflect changes in the state of the application. In broad terms, animations have two roles in an Angular application: to emphasize changes in content and to smooth them out.

Emphasizing changes is important when the content changes in a way that may not be obvious to the user. In the example application, using the Previous and Next buttons when editing a product changes the data fields but doesn’t create any other visual change, which results in a transition that the user may not notice. Animations can ...