O'Reilly logo

Pro Angular, Second Edition by Adam Freeman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

© Adam Freeman 2017

Adam Freeman, Pro Angular, 10.1007/978-1-4842-2307-9_28

28. Using Animation

Adam Freeman

(1)MILTON KEYNES MK6 3PA, 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 or 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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required