Book Image

Learning AngularJS Animations

By : Richard Keller
Book Image

Learning AngularJS Animations

By: Richard Keller

Overview of this book

Table of Contents (15 chapters)
Learning AngularJS Animations
About the Author
About the Reviewers

Transition between views

The Google material design website explains transitioning as follows:

"Transitioning between two visual states should be smooth, appear effortless, and above all, provide clarity to the user, not confusion. A well-designed transition does the heavy lifting and enables the user to clearly understand where their attention should be focused. A transition has three categories of elements."

The three categories of elements are the incoming elements, outgoing elements, and shared elements.

A common transition to web apps is changing the main content view, for instance, using ngView or ngInclude. Smartphones and devices with touchscreens provide a different interaction for the user. Taps and gestures are used instead of clicks. The ngTouch module enables us to use swipe gestures and the ngClick directive is replaced for a better tap experience on touchscreen devices.

For this transition, we will create an animation of pages (the incoming element) sliding from the right to the...