The Angular 10 Router supports adding animations when navigating between different routes in your application. In this tutorial, we’ll learn how to use the Angular’s animations API to play animations when a route changes in your application.

Creating an Angular 10 Project

In this tutorial we assume you already have Angular CLI 10 installed. You can then generate a project using the following command from your terminal:

$ ng new angular-project

We also need some components. Create them using:

$ ng g c list
$ ng g c detail

#angular