Angular Animations: Animating multiple items in parallel
🔥NEW!!!🔥Funny Angular shirts and stuff - https://www.teepublic.com/user/dev-drip
------------------------------------------------------------------------------
If you’ve spent any time creating animations in Angular, you may have noticed that the animations added within component metadata run sequentially. Meaning, they’ll run in the order they are added within the array. Well, sometimes this works fine, but sometimes it doesn’t. Sometimes, we need multiple animations to run in parallel to orchestrate them properly. Well, good news for us, Angular has a solution for this, the Angular Animation group() function. In this video I’ll show you why, and I’ll show how you can animate things in parallel. Alright, let’s get to it.
------------------------------------------------------------------------------
📺 More Angular Animation Tutorial Videos: • Angular Animations
------------------------------------------------------------------------------
🔗 Demo Links:
- Before (https://stackblitz.com/edit/stackblit...)
- After (https://stackblitz.com/edit/stackblit...)
------------------------------------------------------------------------------
📖 Chapters:
0:00 – Introduction
1:40 – The demo application
2:27 – Adding additional color change animations on :enter
5:20 – How Angular animations run sequentially by default
6:02 – Using the Angular animation group() function to run animations in parallel
6:51 – Adding additional color change animations on :leave
8:37 – Conclusion
------------------------------------------------------------------------------
#angular #angulartutorial #animation
Смотрите видео Angular Animations: Animating multiple items in parallel онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Brian Treese 15 Март 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,74 раз и оно понравилось 3 людям.