How to implement Angular Router animation in Ionic 3?

Question

Recently Angulater added a feature by which we can easily implement animation when entering a view. My qs is how can I implement this feature in ionic?

You can find more about router transition here

My goal is to set custom transition when I push a new page. More precisely, I want to implement the rightmost design in ionic which you can find here

Answer 1

Unfortunately, you cannot use Angular Router transitions using new animation features on v4.3+ since Ionic 3 uses Angular 4.1.3

But you can use Angular Web Animations API to do the animation. But keep in mind you must get the right version since Ionic is behind the Angular.

npm install @angular/[email protected] --save --save-exact

Here is an article about it.