Angular Animations: Router transitions

If you’ve ever worked with an Angular application that has routing, you may have wanted to add transitions as you navigate between routes. It would just make the app feel more elegant overall. Well, if you didn’t know, this is totally doable with the Animation module and in this video, I’ll show you just how easy it is. Alright, let’s get to it.

------------------------------------------------------------------------------

📺 More Angular Animation Tutorial Videos: https://www.youtube.com/playlist?list=PLp-SHngyo0_ikgEN5d9VpwzwXA-eWewSM

------------------------------------------------------------------------------

🔗 Demo Links:
- Before (https://stackblitz.com/edit/stackblitz-starters-dn697m?file=src%2Fmain.ts)
- After (https://stackblitz.com/edit/stackblitz-starters-lgwtkw?file=src%2Fmain.ts)

------------------------------------------------------------------------------

📖 Chapters:
0:00 – Introduction
0:58 – The Demo Application
1:34 – The Existing Code
3:02 – Creating the Route Transition Animation
6:21 – Adding the Route Transition Animation to the Parent Component
7:50 – Triggering the Route Transition when Changing Routes
9:50 – Conclusion

------------------------------------------------------------------------------

#angular #angulartutorial #animation

Тэги:

#angular #angular_tutorial #angular_training #frontend_web_development #javascript #typescript #angular_animations #tutorial #tutorials #coding #coding_tutorials #angular_tutorials #web_apps #animations #transitions #programming #ui #ux #screencast #learn_angular #angular_lesson #angularjs #angular_9 #angular_6 #angular_17 #angular_18 #angular_tutorial_for_beginners #angular_18_tutorial

Скачать видео